Javascript中定时器的使用方法

简介: Javascript中定时器的使用方法

Javascript中定时器的使用方法


1.间隔定时器(每隔一段时间执行一次代码)

格式:setInterval(函数,时间) //时间单位是毫秒,每隔设置的时间执行函数里的内容一遍(一直执行)

//每隔一秒钟,输出一次i,并加一
var i=0
setInterval(function test(){
console.log(i)
i++
}, 1000)


2.延时定时器(规定时间执行代码)

格式:setTimeout(函数,时间) //到达相应是时间执行代码(只执行一遍)

//五秒钟后执行输出语句
setTimeout(function(){
console.log("炸弹定时器,到到达时间后执行")
},5000)


3.关闭定时器和定时器返回值

//定时器返回值:第几个定时器(数值型)
var  num1=setTimeout(函数,时间)
var num2=setInterval(函数,时间)    
//关闭定时器格式(两个都多可以使用)
clearTimeout(num1)
clearInterval(num2)


相关文章
|
5天前
|
存储 JavaScript 前端开发
decimal.js库的安装和使用方法
【10月更文挑战第24天】decimal.js 是一个非常实用的高精度计算库,通过合理的安装和使用,可以在 JavaScript 中实现精确的数值计算和处理。你可以根据具体的需求和项目情况,灵活运用该库来解决数字精度丢失的问题。
|
23天前
|
JavaScript 前端开发
js之一次性定时器
js之一次性定时器
10 1
|
23天前
|
JavaScript 前端开发
js之永久定时器
js之永久定时器
10 1
|
19天前
|
缓存 JavaScript 前端开发
Node.js模块化的基本概念和分类及使用方法
Node.js模块化的基本概念和分类及使用方法
22 0
|
23天前
|
JavaScript 前端开发 容器
js之弹性布局使用方法
js之弹性布局使用方法
25 0
|
3月前
|
JavaScript 前端开发
解决在JS中阻止定时器“重复”开启问题、Vue中定时器的使用
这篇文章讨论了在JavaScript和Vue中如何避免定时器重复开启的问题,并提供了一个模拟场景和代码示例,演示了在开启新定时器前清除旧定时器的方法。
解决在JS中阻止定时器“重复”开启问题、Vue中定时器的使用
|
3月前
|
JavaScript 前端开发
JavaScript 中 this 的使用方法详解
JavaScript 中 this 的使用方法详解
44 1
|
3月前
|
JavaScript 前端开发
js之永久定时器
js之永久定时器
|
3月前
|
JavaScript 前端开发
|
3月前
|
Web App开发 JavaScript 前端开发
JavaScript——定时器为什么是不精确的
JavaScript——定时器为什么是不精确的
60 0