js中两种定时器的设置及清除

https://www.cnblogs.com/Dream2hc/p/web23863.html

https://www.cnblogs.com/wangying731/p/5164780.html

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>

---

JS中的定时器是有返回值的:->返回值是一个数字,代表当前是第几个定时器

      var timer1=window.setTimeout(function(){},1000);  //timer1->1 当前是第一个定时器
       var timer2=window.setTimeout(function(){},1000); //timer2->2 当前是第二个定时器

      window.clearTimeout(timer1); //->把第一个定时器清除掉,这里也可以用
      window.clearInterval(timer1)、window.clearTimeout(1)、window.clearInterval(timer1);

  var timer3=window.setTimeout(function(){},1000);   //timer3->3 
  当前是第三个定时器 ,虽然上面的定时器timer1清除掉了,但是号还是继续往后排的;

 清除定时器：

window.clearInterval(timer1)/window.clearTimeout(time1)；两种清除方式都可以清除

通过setTimeout和setInterval设置的定时器(两种方式在设置定时器的时候有区别，清除定时器的时候没有区别)，参数不仅可以是timer，还可以是其返回值，例如1,2；

需要注意的是，定时器即使清除了，其返回值也不会清除，之后设置的定时器的返回值也会在其返回值的基础上继续向后排，这点类似于银行的排队领号，即使1号的业务办理完了，后边的人仍是从2号开始继续领号，而不是重新从1开始；