让一个函数不断活跃的方法 - JavaScript

很多时候我们需要让一个函数不断执行，以达到一定的效果，比如轮播图、定时刷新等等。在 JavaScript 中，有很多种方法可以实现这一目的。下面介绍几种常见的方法。

1. setInterval 方法

setInterval 方法可以定时执行一个函数，并且可以设置执行的时间间隔。它的语法如下：

setInterval(function, milliseconds);

其中，第一个参数是要执行的函数，第二个参数是时间间隔，单位是毫秒。下面是一个例子：

setInterval(function() {
    console.log('hello');
}, 1000);

上面的代码每隔一秒钟输出一次 'hello'。

2. setTimeout 方法

setTimeout 方法也可以定时执行一个函数，但是它只会执行一次。它的语法如下：

setTimeout(function, milliseconds);

和 setInterval 方法一样，第一个参数是要执行的函数，第二个参数是时间间隔，单位是毫秒。下面是一个例子：

setTimeout(function() {
    console.log('hello');
}, 1000);

上面的代码一秒钟之后输出 'hello'。

3. requestAnimationFrame 方法

requestAnimationFrame 方法是一种更高效的定时执行函数的方法。它的语法如下：

requestAnimationFrame(callback);

其中，callback 是一个回调函数，它会在下一帧动画开始前被调用。下面是一个例子：

function step() {
    console.log('hello');
    requestAnimationFrame(step);
}

requestAnimationFrame(step);

上面的代码每一帧动画都会输出一次 'hello'，并且通过不断调用 requestAnimationFrame 方法来让函数不断执行。

4. Web Workers

如果要在后台执行一个函数，而不影响页面的交互，可以使用 Web Workers。Web Workers 是一个 HTML5 标准，允许在后台执行 JavaScript 代码。下面是一个例子：

var worker = new Worker('worker.js');

worker.addEventListener('message', function(event) {
    console.log(event.data);
});

worker.postMessage('hello');

上面的代码创建了一个新的 Web Worker，并使用 postMessage 方法向它发送一个消息。Web Worker 中的代码可以通过监听 message 事件来接收消息，并通过 postMessage 方法向主线程发送消息。

总结

以上是几种常见的让函数不断执行的方法，每种方法都有自己的优缺点，具体使用需要根据实际情况来选择。但是不管用哪种方法，都需要注意不要让 CPU 占用率过高，以免影响其他的操作。