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的定时器,就记录一下。

猜你喜欢

转载自blog.csdn.net/qq_40509039/article/details/83027410