                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

清除定時器獲取的id返回值，function clock(){ var mydate = new Date(); document.getElementById("con").value =mydate; } i = setInterval(clock,1000);function start(){ i = setInterval(clock,1000); }

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

function clock(){

var mydate = new Date();

document.getElementById("con").value =mydate;

}

i = setInterval(clock,1000);

function start(){

i = setInterval(clock,1000) ;

}

</script>

</head>

<body>

<form >

</form>

</body>

</html>

疑問：

????剛開始打開頁面，執行定時器，而start函數沒有被調用，所以不執行。當第一次按stop時，清除第一個定時器，然后按start，按第二次stop時，第一個定時器由于被清理掉（只執行一次），所以不執行，而是執行清理start函數內的定時器，此后，無論按start與stop起作用的都只是start函數里的定時器吧（第一個已經失效），是這樣理解嗎？

小小H羅

2016-07-25

源自：JavaScript進階篇 8-4

關注問題我要回答

1134

操作

收起

2 回答

Aubyn 回答被采納 +3 積分
2016-07-25

（糾正一下，不是定時器，是計時器）

你的理解正確。

0 回復有任何疑惑可以回復我~

收起回答

小小H羅提問者

非常感謝！

2016-07-25 回復有任何疑惑可以回復我~

小小H羅提問者

你好，我在復習時候，發現當剛打開頁面就按start，再按stop，停止不了計時器。這是為什么？怎么能修改呢？

2016-07-26 回復有任何疑惑可以回復我~

Aubyn 回復小小H羅提問者

http://blog.csdn.net/manmanwei/article/details/51833923。里面有提到：setInterval()每執行一次，則返回一個唯一id。所以每執行一次setInterval()，就需要（在下一次執行setInterval()之前）調用一次clearInterval()，否則會出現clearInterval()失效。

2016-07-26 回復有任何疑惑可以回復我~

查看2條回復

小小H羅提問者
2016-07-26

function?clock(){
var?mydate?=?new?Date();
document.getElementById("con").value?=mydate;
}
var?i?;
i?=?setInterval(clock,1000);
function?start(){
clearInterval(i);
i?=?setInterval(clock,1000);
}

我在start函數里加了個clearInterval(i);當剛刷新時點擊start按鈕，取消上一次的setinterval(),這樣就不會出現clearinterval()失效了，（當下次一次執行start函數時，由于此時i的值為?undefined ，不起作用，這樣就set與clear各執行一次了）。應該這樣理解不會錯吧

0 回復有任何疑惑可以回復我~

收起回答

Aubyn

理解正確，（但是 i 的值并不是undefined，請自行檢查）

2016-07-27 回復有任何疑惑可以回復我~