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

Posted 2020-10-19 hcha0

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>