JS—— 计时事件

1.概念

JavaScript 一个设定的时间间隔之后来执行代码我们称之为计时事件

2.两个方法

setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
setTimeout() - 在指定的毫秒数执行指定代码。
是HTML DOM Window对象的两个方法

3参数简介

setInterval(function(){},time)

  • 第一个参数是函数
  • 第二个参数间隔的毫秒数
    setTimeout(function(){},time)
  • 第一个参数是函数
  • 第二个参数间隔的毫秒数

4.如何停止执行?

计时方法用全局变量再将变量传入clearTimeout()

setInterval()停止
var a=setInterval(function(){},time);
clearInterval(a);

setTimeout()停止
var b=setTimeout(function(){},time);
clearTimeout(b);

4.应用

**没有指定时间,将在所以语句执行完毕后再执行

setTimeout(function(){
  console.log("111");
})
console.log("222");
console.log("222");
for (var i = 0; i < 4; i++) {
  setTimeout(function(){
    console.log(i);
  })
  console.log("1+1")
}

222
222
1+1
1+1
1+1
1+1
111
4
4
4
4
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInt...
    晚晴幽草阅读 1,682评论 1 18
  • JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInt...
    许先生__阅读 614评论 0 1
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,817评论 0 8
  • js中setInterval与setTimeout用法 JS里设定延时: 使用SetInterval和设定延时函数...
    独享奢华阅读 928评论 0 0
  • 今天,第一次到北京啦,去了天安门广场,认识了新朋友徐欢,但是我不喜欢他。有不开心的事。第一,打个电话告诉他我在哪,...
    Mjerry阅读 149评论 0 0