1. 程式人生 > >JS中定時器的設定和清除

JS中定時器的設定和清除

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的定時器,就記錄一下。