HTML如何创建一个Web Worker文件

这篇文章主要为大家展示了“HTML如何创建一个Web Worker文件”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“HTML如何创建一个Web Worker文件”这篇文章吧。

Web工作人员最简单的用途是执行耗时的任务。因此，这里我们将创建一个简单的JavaScript任务，该任务的计数从零到100,000。

让我们创建一个名为“ worker.js”的外部JavaScript文件，然后键入以下代码。

例下载

var i = 0;

function countNumbers() {

    if(i < 100000) {

        i = i + 1;

        postMessage(i);

    }

    // Wait for sometime before running this script again

    setTimeout("countNumbers()", 500);

}

countNumbers();

注意： Web worker无法访问DOM。这意味着您无法访问打算使用Web Worker运行的JavaScript代码中的任何DOM元素。

提示： worker对象的postMessage()方法用于将消息（如上例中的数字）从Web worker文件发送回网页。

以上是“HTML如何创建一个Web Worker文件”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！