美文网首页
JS—— 计时事件

JS—— 计时事件

作者: benbensheng | 来源:发表于2020-03-30 11:06 被阅读0次

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

相关文章

  • 2018-07-28 学习总结

    一,JS计时事件 JS计时事件主要有两个方法: setTimeout 未来某时执行代码 clearTimeou...

  • JS—— 计时事件

    1.概念 JavaScript 一个设定的时间间隔之后来执行代码我们称之为计时事件 2.两个方法 setInter...

  • DOM的操作

    1.来回切换图片 2.倒计时 3.js的事件

  • js(事件)

    js 事件js事件.png

  • js操作页面三步骤

    js操作页面三步骤 js事件 鼠标事件 文档事件 键盘事件 表单事件 事件对象 js操作内容 js操作样式 页面转...

  • Node.js Timers — 玩转 Node.js 的计时器

    前言 Node.js 的计时器跟原生 JS 的计时器类似,下面主要介绍计时器三大函数 setImmediate()...

  • 事件

    1、鼠标的移入移除js部分 2、鼠标事件js部分 3、事件对象js部分 4、键盘事件js部分 5、输入框事件js部...

  • 20、jQuery 事件机制

    20、jQuery 事件机制 原生js事件与jQuery事件: (1)用原生的js给div注册事件 原生js注册相...

  • javascript 中的事件机制

    js之事件机制 1、事件初探 1.1 js事件的概述 JavaScript事件:JavaScript是基于事件驱动...

  • 2019-09-19

    鼠标事件 键盘事件 倒计时抽奖

网友评论

      本文标题:JS—— 计时事件

      本文链接:https://www.haomeiwen.com/subject/nrmgmqtx.html