本文主要是介绍JS定时器与延时器,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
在我们开发当中,我们使用定时器和延迟器很频繁,如何使用呢?让我为大家介绍一下吧!
定时器
定时器函数可以开启和关闭定时器
1.开启定时器
语法: setInterval(函数,间隔时间)
作用:每隔一段时间就调用这个函数
间隔时间是毫秒
第一种写法:
setInterval(function(){console.log("1秒执行一次")},1000)
第二种写法
function fun() {console.log("1秒执行一次")}setInterval(fun,1000)
2.关闭定时器
既然有开启定时器,自然而然的也就有开启定时器
语法:变量名 = setInterval(函数,间隔时间)
clearInterval(变量名)
let timer = setInterval(function(){console.log("1秒执行一次")},1000)// 清除定时器clearInterval(timer)
延时器
1.开启延时器
javaScript 内置的一个用来让代码延迟执行的函数,叫setTimeout
语法:setTimeout(回调函数,等待的毫秒数)
注意:setTimeout 只执行一次 可以理解为把一段代码延迟执行
第一种写法
setTimeout(function(){console.log("1秒后执行一次")},1000)
第二种写法
function fun() {console.log("1秒后执行一次")}setTimeout(fun,1000)
2.清除延时器
function fun() {console.log("1秒后执行一次")}let timer = setTimeout(fun,1000)clearTimeout(timer,999) //999毫秒后清除了timer延时器 不打印
我们也可以使用延时器实现定时器的效果,先剧透一下,使用递归可以做到
如果想了解一下递归,可以简单的阅读一下本人的这篇JS递归
function fun() {setTimeout(function () {console.log(1)fun()},1000)}fun()
感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!
这篇关于JS定时器与延时器的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!