Web 工作者使 setInterval 正常工作

Web workers to make setInterval work as normal

本文关键字：工作 常工作 工作者 setInterval Web      更新时间：2023-09-26

我正在尝试仅使用javascript控制台创建一个自动化程序。我需要使用 setInterval 为我的程序创建一个循环。代码的相关部分就像这样：

刷新间隔 Id=设置间隔（tick，500）;

因此，"tick"功能将每 500 毫秒调用一次。

但问题是每当浏览器选项卡处于非活动状态时，即我将其最小化以执行其他操作，setInterval 就会停止工作。当我再次打开浏览器时，它突然重复了很多次以"补偿"功能未执行的时间。这不是我所期望的。

我听说网络工作者可以解决这个问题。我只需要一个（或两个）单个代码行即可通过 Web worker 工作，但由于我是 IT 的业余爱好者，我无法理解所有这些代码行。我只能通过JS控制台访问浏览器，并且无法访问HTML及其脚本。

我的主要目标是让它循环并正常中断它（setInterval 和 clearInterval），而浏览器仍然可以处于非活动模式。

我现在应该怎么做？感谢您的阅读，希望有人可以帮助我解决它！

好吧，这可能有点晚了，但我希望这无论如何都会有所用处。

将这段代码放入您的主 JavaScript 中：

let intervalWorker = new Worker('worker.js');
intervalWorker.onmessage = /* Your function here */;

。这可能是新文件"worker.js"中的代码示例：

setInterval(() => {
    postMessage();
}, 500);

工作人员将每 500 毫秒向您的主线程发布一条空消息。发生这种情况时，您的主线程将在您的工作线程上调用"onmessage"函数。因此，只需将您需要每 500 毫秒发生的任何功能分配给该属性即可。

注意：您需要在服务器上运行它，以便JS加载工作线程文件 - 否则它将由于"安全"原因而抱怨。

相关文章：