JS中定時器的設定和清除
阿新 • • 發佈:2018-11-08
1.迴圈執行
建立方法:setInterval,清除方法:clearInterval
<script type="text/javascript"> $(document).ready(function(){ // 迴圈執行,每隔1秒鐘執行一次 1000 var t1=window.setInterval(refreshCount, 1000); // 被執行的方法體 function refreshCount() { console.log("ready"); } // 去掉定時器的方法 window.clearInterval(t1); }); </script>
2.定時執行
建立方法:setTimeout,清除方法:clearTimeout
<script type="text/javascript"> $(document).ready(function(){ // 定時執行,5秒後執行 var t1=window.setTimeout(refreshCount, 1000 * 5); // 執行的方法題 function refreshCount() { console.log("ready"); } // 去掉定時器的方法 window.clearTimeout(t1); }); </script>
但如果想使用內部匿名的方法體怎麼設定呢?
想要呼叫定時器內部匿名的方法體,就需要用到arguments.callee。
直接上程式碼:
setTimeout(function(){
console.log('1');
// 這裡arguments.callee指向匿名函式function(){}
setTimeout(arguments.callee,1000);
},1000);
前段時間用到了js的定時器,就記錄一下。