Window.clearTimeout() 方法取消由 setTimeout() 方法設置的 timeout

clearTimeout()方法的參數必須是由setTimeout()返回的ID值。例子:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鳥教程(runoob.com)</title> 
<script>
var c=0;
var t;
var timer_is_on=0;
function timedCount(){
    document.getElementById('txt').value=c;
    c=c+1;
    t=setTimeout(function(){timedCount()},1000);
}
function doTimer(){
    if (!timer_is_on){
        timer_is_on=1;
        timedCount();
    }
}
function stopCount(){
    clearTimeout(t);
    timer_is_on=0;
}
</script>
</head>
<body>

<form>
<input type="button" value="開始計數!" οnclick="doTimer()" />
<input type="text" id="txt" />
<input type="button" value="停止計數!" οnclick="stopCount()" />
</form>
<p>
單擊開始計數按鈕,按下時開始計數,輸入框將從0開始一直計數。單擊停止計數按鈕,按下時停止計數,再次點擊開始計數按鈕,又再次開始計數。
</p>
</body>
</html>

轉載自: http://www.runoob.com/jsref/met-win-cleartimeout.html
發佈了74 篇原創文章 · 獲贊 88 · 訪問量 35萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章