在前端开发中,我们经常会遇到需要定时执行某些任务的情况。这时候,JS定时器就成为了我们的得力助手。
setInterval()
首先介绍一下setInterval()函数,它可以按照指定的时间间隔周期性地调用一个函数。比如说,我们想要每隔1秒执行一次某个函数,只需要使用setInterval()函数即可。
javascript setInterval(function(){ //这里是需要执行的代码 }, 1000);
在上面的代码中,我们传入了一个匿名函数作为参数,并设置时间间隔为1000毫秒(即1秒)。这样,每隔1秒,函数内部的代码就会被执行一次。
clearInterval()
有时候,我们可能需要在一定条件下停止定时器的执行。这时候就可以使用clearInterval()函数来清除之前设置的定时器。
javascript var timer = setInterval(function(){ //这里是需要执行的代码 }, 1000); //当满足某个条件时,清除定时器 if (condition){ clearInterval(timer);
在上面的代码中,我们通过将setInterval()函数返回的定时器ID保存在一个变量timer中。当满足某个条件时,调用clearInterval(timer)就可以停止定时器的执行。
setTimeout()
除了setInterval()函数,JS还提供了另一个定时器函数setTimeout()。不同于setInterval()会周期性地调用函数,setTimeout()只会在指定的时间间隔之后调用一次函数。
javascript setTimeout(function(){ //这里是需要执行的代码 }, 1000);
whatsapp官网下载:https://www.gainaiming.com/token/14559.html