web worker多线程

最新推荐文章于 2024-01-27 12:11:59 发布

weixin_44552543

最新推荐文章于 2024-01-27 12:11:59 发布

阅读量157

点赞数

本文链接：https://blog.csdn.net/weixin_44552543/article/details/90320370

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" placeholder="数值" id="number">
<button id="btn">按钮</button>
<script type="text/javascript">
    var input=document.getElementById("number");
    document.getElementById('btn').onclick=function () {
        var number=input.value;
        //创建worker对象
        var  worker=new Worker('worker.js');
        //绑定接受消息的监听
        worker.onmessage=function (event) {
            console.log('主线程收到分线程发送的数据'+event.data);
            //向分线程发送数据
            alert(event.data);
        }
    //向分线程发送消息
        worker.postMessage(number);
        console.log('主线程向分线程发送数据'+number)

    }
</script>
</body>
</html>

function fibonacci(n) {
    return n<=2?1:fibonacci(n-1)+fibonacci(n-2)
    
}

var onmessage=function (event) {
    var number=event.data;
    console.log('分线程接受到数据：'+number)
    //计算
    var result=fibonacci(number)
    //向主线程发送数据
    postMessage(result)
    console.log('分线程向主线程发送数据'+result);
}

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_44552543

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web worker多线程

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="text" placeholder="数值" id="nu...
复制链接

扫一扫