📜  每 5 秒循环一次 - Javascript (1)

📅  最后修改于: 2023-12-03 15:10:59.509000             🧑  作者: Mango

每 5 秒循环一次 - JavaScript

在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);

上面的代码会停止刚才启动的计时器。