javascript兩種定時器的使用及其清除

時間 2019-12-09

標籤 javascript 兩種定時器使用及其清除欄目 JavaScript 简体版

原文原文鏈接

<!--示例代碼以下：-->
<!DOCTYPE html>
<html>
<body>

<p>A script on this page starts this clock:</p>
<p id="demo"></p>
<input type="button" value="中止" onclick="abc()"/>
<input type="button" value="開始" onclick="cdc()"/>
<script>
var myVar;

function cdc(){
myVar = setInterval(function(){myTimer()},1000);
//alert("ddd"+myVar+'ddd');
}
cdc();

function myTimer()
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}

function abc(){
for(var i=0;i<=myVar;i++){
clearInterval(i);
//alert("ddd"+i+'ddd');
}
}
</script>

</body>
</html>

效果以下：javascript

A script on this page starts this clock:html

從這個例子咱們能夠看出使用和清除javascript兩種定時器須要注意的一些細節：java

一、清除定時器的方法，要放在保留定時器編號種子的變量做用域的範圍內使用，這樣清除方法才能夠訪問獲得定時器編號種子，才能清除指定的定時器；函數

二、屢次調用建立定時器的函數，能夠在一個頁面能夠建立多個定時器，每一個定時器都有各自不一樣的種子編號，清除時須要逐個清除；this

三、種子編號是一個整數，從0開始；spa

四、建立定時器的方法，其第一個參數是一個函數，而不是一個變量或者一條語句；code

相關文章

相關標籤/搜索

xcode5的使用

Docker的使用

瀏覽器信息

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<