定时器

2018-11-05 08:24:08来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

一、定时器的两种方法:

setTimeout()

setInterval()

二、setTimeout() 定时器

setTimeout()【相当于定时炸弹】 有两个参数 ,只会执行一次。

  • 第一个参数:要执行的函数,可以是匿名函数,也可以是命名函数。
  • 第二个参数:间隔的时间,单位是毫秒(在该时间之后执行一次)

因为该定时器的返回值是一个整数,是定时器的标识,所以当想清除该定时器的时候需要变量接收该定时器。

清除定时器clearTimeout(timerId);

参数是接收定时器的函数

var timerId;
btn1.onclick = function() {
timerId = setTimeout(function() { //此时setTimeout第一个参数是一个匿名函数
alert('爆炸了!!!砰砰砰????????????????')
},3000);
}
btn2.onclick = function() {
clearTimeout(timerId);
alert('安全了');
}

三、setInterval()定时器

setInterval()【相当于闹钟】 :也有两个参数,

  • 第一个参数:执行函数
  • 第二个参数:间隔时间,单位毫秒。与setTimeout不同的是,setInterval会每间隔一段时间就执行一次。

与setTimeout相同的是,取消该定时器,也需要一个变量来接收该定时器

清除定时器clearInterval(timerId)

btn4.onclick = function() {
//第一次执行也要等待间隔的时间
timerId2 = setInterval(fn,2000);
function fn() {
console.log('该起床了!')
}
}
btn5.onclick = function() {
clearInterval(timerId2);
console.log('周末了');
}

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:ant-design学习准备_1

下一篇:高德地图大批量数据(上万)画历史轨迹实现方案