js定时器讲解

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

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

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

使用方法

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

<script>
function show(){
  alert("www.codesou.cn");
}
setInterval("show()",3000);
</script>

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

<script>
function show(){
  alert("www.codesou.cn");
}
setTimeout("show()",3000);
</script>

清理方法

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

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

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

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

实际用途

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

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