為什么這段代碼會輸出0呢？感覺setInterval()像被跳過了一樣，好疑惑。求解

這段代碼執(zhí)行后，控制臺直接輸出0，沒有先執(zhí)行setInterval()中的匿名函數(shù)
代碼如下：

        var div = document.getElementById("div");
        div.onclick = function() {
            var i = 0;
            var timer = null;
            timer = setInterval(function() {
                i++;
                console.log(i)
                if(i == 10) {
                    clearInterval(timer);
                }
            },300);
            if(i == 0) {
                clearInterval(timer);
                console.log(i);
            }
        }

不得解呀！求大神解惑