极客笔记JS 每隔5秒执行一次
在JS中，我们经常会遇到需要定时执行一段代码的情况。比如，我们希望每隔一段时间执行某个函数或者更新页面的内容。在这种情况下，我们可以使用setInterval()函数来实现定时执行代码的功能。
setInterval()函数的基本用法
setInterval()函数是JS中用于定时执行代码的函数。其基本语法如下：
setInterval(function, delay)
其中，function是需要定时执行的函数，delay是定时的时间间隔，单位为毫秒。调用setInterval()函数后，该函数会每隔delay毫秒执行一次function中的代码。
下面是一个简单的示例，每隔1秒在控制台输出”Hello, World!”：
setInterval(function(){
console.log("Hello, World!");
}, 1000);
运行以上代码，控制台会每秒输出一次”Hello, World!”。
实现每隔5秒执行一次的方法
要实现每隔5秒执行一次代码，我们只需要将delay参数设置为5000（5秒=5000毫秒）。下面是一个简单的示例，每隔5秒输出当前的时间：
setInterval(function(){
let now = new Date();
console.log("Current time: " + now.toLocaleTimeString());
}, 5000);
运行以上代码，控制台会每隔5秒输出当前的时间。
注意事项
在使用setInterval()函数时，有一些需要注意的事项：
1. 清楚定时器：如果需要停止定时执行代码，应使用clearInterval()函数来清除定时器。例如：
let timer = setInterval(function(){
console.log("Hello, World!");
}, 1000);
// 清除定时器
clearInterval(timer);
- 避免重复执行：在某些情况下，由于代码执行时间过长或者其他原因，可能会导致定时执行的代码重复执行。为了避免这种情况，建议在每次执行前检查上一次执行的状态，确保不会重复执行。
总结
在JS中，我们可以使用setInterval()函数来实现每隔一段时间执行一次代码的功能。通过控制间隔时间，我们可以灵活地控制代码的执行频率。在使用setInterval()函数时，需要注意清除定时器和避免重复执行的问题，确保程序的正常运行。