当前位置: 主机百科 » 资源 » 技术 » 正文

js定时器讲解

js定时器有以下两个方法:

1
  setInterval() :循环定时器,按照指定的周期(以毫秒为单位)来调用函数或计算表达式。循环执行。

1
  setTimeout() :倒计时定时器,在指定的时间(以毫秒为单位)后调用函数或计算表达式,只执行一次。

使用方法:

1.循环执行,每3秒钟弹出本站网站。

1
   <script>   function show(){     alert("www.02405.com");   }   setInterval("show()",3000);   </script>

2.定时执行,3秒后弹出一次本站网址。

1
   <script>   function show(){     alert("www.02405.com");   }   setTimeout("show()",3000);   </script>

清理方法:

1.清理循环定时器方法:clearInterval

1
   <script>   function show(){     alert("www.02405.com");   }   var s1 = setInterval("show()",3000);   clearInterval(s1); //清理操作,参数必须为定时器ID而不能直接使用定时器函数。   ipt>

2.清理倒计时定时器方法:clearTimeout

1
   <script>   function show(){     alert("www.02405.com");   }   var s2 = setTimeout("show()",3000);   clearTimeout(s2); //清理操作,参数必须为定时器ID而不能直接使用定时器函数。   ipt>

实际用途:

setInterval() 方法多用于刷新表单或者模拟时间变化,比如模拟时钟。

setTimeout() 方法多用于延迟执行,比如倒计时跳转网页等。

未经允许不得转载:主机百科 » js定时器讲解

相关文章