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!
消息。