📅  最后修改于: 2023-12-03 15:10:59.509000             🧑  作者: Mango
在JavaScript编程中,有时需要循环执行某个代码块,而且需要每隔一定的时间执行一次。这种场景通常使用setInterval()函数实现。
setInterval()函数用于循环执行指定的代码块,语法如下:
setInterval(function, milliseconds);
其中,function是要执行的函数,milliseconds是时间间隔,单位为毫秒。
下面的代码演示了每隔5秒输出一次“Hello World!”的例子:
setInterval(function(){
console.log("Hello World!");
}, 5000);
上面的代码中,setInterval()函数的第一个参数是一个匿名函数,该函数用于输出“Hello World!”;第二个参数是时间间隔,这里设为5000毫秒(即5秒)。
需要注意的是,setInterval()函数返回一个计时器ID,可以用于停止循环执行。停止循环执行的方法是clearInterval(),语法如下:
clearInterval(timerID);
其中,timerID为setInterval()函数返回的计时器ID。
如果要在页面中显示一个5秒钟循环一次的计时器,可以使用下面的代码:
var count = 0;
var timerID = setInterval(function(){
count++;
document.getElementById("count").innerHTML = count;
}, 5000);
上面的代码中,setInterval()函数用于每隔5秒更新一次计数器,计数器的当前值会显示在页面的某个HTML元素中。
使用clearInterval()函数可以停止计时器的运行,代码如下:
clearInterval(timerID);
上面的代码会停止刚才启动的计时器。