js定时器

定时器有关的函数

1,倒计定时器:timename=setTimeout("function();",delaytime);
2,循环定时器:timename=setInterval("function();",delaytime);
3,区别:前者只是作用一次,而后者则不停地作用。
setTimeout(Expression,DelayTime),在DelayTime过后,将执行一次Expression,setTimeout 运用在延迟一段时间,再进行某项操作。 setTimeout("function",time) 设置一个超时对象
setInterval(expression,delayTime),每个DelayTime,都将执行Expression.常常可用于刷新表达式. setInterval("function",time) 设置一个超时对象
SetInterval为自动重复,setTimeout不会重复。
clearTimeout(对象) 清除已设置的setTimeout对象 clearInterval(对象) 清除已设置的setInterval对象

代码

1,循环执行:
var timeid = window.setInterval(“方法名或方法”,“延时”);
window.clearInterval(timeid);

<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,定时执行:当方法执行完成定时器停止(但是定时器还在,只不过没用了);
var tmid = window.setTimeout(“方法名或方法”, “延时”);
window.clearTimeout(tmid);

<script type="text/javascript">
  $(document).ready(function(){
    //定时执行,5秒后执行
    var t1=window.setTimeout(refreshCount, 1000 * 5);
    function refreshCount() {
      console.log("ready");
    }
    //去掉定时器的方法  
    window.clearTimeout(t1);   
 }); 
</script>

提示

不管什么时候写定时器,一定要记得离开这个页面的时候关了定时器

原文地址:https://www.cnblogs.com/lml-lml/p/10407375.html