Luke's home Luke's home
首页
  • 前端文章

    • JavaScript
页面
技术
更多
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Luke xiao

K
首页
  • 前端文章

    • JavaScript
页面
技术
更多
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • javascript

    • 基础知识
    • 进阶知识

    • 函数

    • JS HTML DOM

    • JS 高级教程

    • 浏览器BOM

      • JavaScript Window - 浏览器对象模型
      • JavaScript Window Screen
      • JavaScript Window Location
      • JavaScript Window History
      • JavaScript Window Navigator
      • JavaScript 弹窗
      • JavaScript 计时事件
        • JavaScript 计时事件
        • setInterval() 方法
          • 语法
          • 停止clearInterval
        • setTimeout() 方法
          • 语法
          • 停止clearTimeout()
      • JavaScript Cookie
    • HTML5新特性

    • CSS3新特性

  • 布局

  • less

  • js库

  • 前端
  • javascript
  • 浏览器BOM
lukexiao
2021-05-04

JavaScript 计时事件

JavaScript 一个设定的时间间隔之后来执行代码

# JavaScript 计时事件

在 JavaScritp 中使用计时事件是很容易的,两个关键方法是:

  • setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
  • setTimeout() - 在指定的毫秒数后执行指定代码。

注意: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。

# setInterval() 方法

setInterval() 间隔指定的毫秒数不停地执行指定的代码

# 语法

window.setInterval("*javascript function*",*milliseconds*);
1

window.setInterval() 方法可以不使用 window 前缀,直接使用函数 setInterval()。

每三秒弹出 "hello" :

setInterval(function(){alert("Hello")},3000);
1

# 停止clearInterval

<script>
var myVar=setInterval(function(){myTimer()},1000);
function myTimer(){
	var d=new Date();
	var t=d.toLocaleTimeString();
	document.getElementById("demo").innerHTML=t;
}
function myStopFunction(){
	clearInterval(myVar);     //停止就可以了
}
</script>

1
2
3
4
5
6
7
8
9
10
11
12

# setTimeout() 方法

# 语法

myVar= window.setTimeout("*javascript function*", *milliseconds*);
1

# 停止clearTimeout()

要使用clearTimeout() 方法, 你必须在创建超时方法中(setTimeout)使用全局变量:

myVar=setTimeout("*javascript function*",*milliseconds*);
1
编辑 (opens new window)
上次更新: 2021/08/13, 23:21:49
JavaScript 弹窗
JavaScript Cookie

← JavaScript 弹窗 JavaScript Cookie→

最近更新
01
流式布局
08-13
02
flex布局
08-13
03
rem布局
08-13
更多文章>
Theme by Vdoing | Copyright © 2021-2021 Evan Xu | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式