<script?type="text/javascript">
??var?num=0;
??var?i;
??function?startCount(){
????document.getElementById('count').value=num;
????num=num+1;
????i=setTimeout("startCount()",1000);
??}
??function?stopCount(){
????clearTimeout(i);
??}
</script>

點擊一次start按鈕，執行startCount()函數，變量i被賦值，但我在重復點擊strat按鈕重復調用startCount()函數時，變量i不應該被覆蓋上了新的值了嗎？但為什么我還能進行重復點擊stop按鈕使計數停下來？

誰能幫忙解釋一下，謝謝。

補充：

詳細流程是這樣的：

（1）我多次點擊開始按鈕，開啟了很多個setTimeout()函數進行遞歸；

（2）可以看到計數因為有多個setTimeout()運行，計數跳動的很快；

（3）我再逐個點擊停止，計數函數還是能夠逐個關閉。

問題是：變量 i 不應該是記錄我最后一次點擊開始按鈕所對應的setTimeout()函數的id嗎？之前的全部setTimeout()函數的id不應該是被覆蓋掉了嗎？為什么我還能正常的停止計數？之前被覆蓋掉的id是怎么找到的？

請指點一下謝謝。