JS setInterval用法

JS setInterval用法

JS setInterval用法

在JavaScript中,setInterval() 方法是一个全局函数,它可以重复执行指定的代码片段或函数,间隔时间由用户指定。setInterval() 方法的语法如下:

setInterval(function, milliseconds)

其中,function 是要重复执行的函数或代码片段,milliseconds 是间隔的时间,单位为毫秒。

setInterval用法示例

下面是一个简单的示例,演示了如何使用setInterval()方法重复输出一个定时消息:

// 定义一个计数器
let count = 0;

// 重复执行的函数
function sayHello() {
    console.log(`Hello! ${count}`);
    count++;
}

// 每隔1秒执行一次sayHello函数
setInterval(sayHello, 1000);

在这个示例中,定义了一个计数器count,并且定义了一个名为sayHello的函数,用于输出Hello! 消息并且输出当前计数器的值。然后使用setInterval()方法每隔1秒执行一次sayHello函数。

运行结果

当你执行上面的代码后,控制台会输出类似如下的结果:

Hello! 0
Hello! 1
Hello! 2
...

每隔1秒输出一次Hello! 消息,并且计数器count会递增。

clearInterval方法

除了setInterval()方法,JavaScript还提供了一个名为clearInterval()的全局函数,用于停止setInterval()方法的执行。clearInterval()方法接受一个参数,即要取消的setInterval的ID。示例如下:

// 定义一个计时器
let timer = setInterval(sayHello, 1000);

// 5秒后停止计时器
setTimeout(function() {
    clearInterval(timer);
    console.log('Timer stopped!');
}, 5000);

在这个示例中,首先使用setInterval()方法定义了一个计时器timer,然后使用setTimeout()方法5秒后调用clearInterval()方法停止计时器的执行,并输出Timer stopped!消息。

Camera课程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

办公软件教程

Linux教程

计算机教程

大数据教程

开发工具教程