Js、Jquery定时执行（一次或者重复多次，取消重复）

最新推荐文章于 2020-10-29 02:23:04 发布

转载最新推荐文章于 2020-10-29 02:23:04 发布 · 780 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/smartsmile/p/6234028.html

文章标签：

#javascript #ViewUI

本文深入讲解JavaScript中的定时器，包括如何使用setTimeout和setInterval方法执行定时任务，以及如何通过clearTimeout和clearInterval方法取消定时器。同时，文章还探讨了定时器在实际应用中的异步运行特性。

1. 创建一个变量
var ref = "";
2. 定时刷新调用的方法
function consoleLog(){
    console.log("a");
}
3. 设置定时刷新
ref = setInterval(function(){
    consoleLog();
},2000);
这样会每2秒执行一次consoleLog方法
  
4. 阻止定时刷新
clearInterval(ref);



<script> 
//定时器 异步运行 
function hello(){ 
alert("hello"); 
} 
//使用方法名字执行方法 setTimeout只执行一次
var t1 = window.setTimeout(hello,1000); 
var t2 = window.setTimeout("hello()",3000);//使用字符串执行方法 
window.clearTimeout(t1);//去掉定时器 
</script> 


<script> 
function hello(){ 
alert("hello"); 
} 
//重复执行某个方法 setInterval重复执行
var t1 = window.setInterval(hello,1000); 
var t2 = window.setInterval("hello()",3000); 
//去掉定时器的方法 
window.clearInterval(t1); 
</script>