HTML5+CSS3学习笔记（第15章）WebWorker处理线程

最新推荐文章于 2024-07-05 16:20:12 发布

放屁鮰鱼

最新推荐文章于 2024-07-05 16:20:12 发布

阅读量137

点赞数

分类专栏：笔记 CSS3 HTML5

本文链接：https://blog.csdn.net/fangpihuiyu/article/details/104259498

版权

笔记同时被 3 个专栏收录

36 篇文章 0 订阅

订阅专栏

HTML5

16 篇文章 0 订阅

订阅专栏

CSS3

11 篇文章 0 订阅

订阅专栏

HTML5+CSS3学习笔记（第15章）WebWorker处理线程

上班第二天

15.1Web Worker概述

var worker = new Worker(“worker.js”)
后台线程不能访问页面和窗口对象
可以通过ommessage事件获得消息

worker.onmessage=functiong(event)
{
//处理接受的消息
},false);

15.2线程中可用的对象和方法

<!DOCTYPE html>
<html>
<body>

<p>Count numbers: <output id="result"></output></p>
<button onclick="startWorker()">Start Worker</button>
<button onclick="stopWorker()">Stop Worker</button>
<br /><br />

<script>
    var w;

    function startWorker()
    {
        if(typeof(Worker)!=="undefined")
        {
            if(typeof(w)=="undefined")
            {
                w=new Worker("demo_workers.js");
            }
            w.onmessage = function (event) {
                document.getElementById("result").innerHTML=event.data;
            };
        }
        else
        {
            document.getElementById("result").innerHTML="Sorry, your browser does not support Web Workers...";
        }
    }

    function stopWorker()
    {
        w.terminate();
    }
</script>

</body>
</html>