js worker

 

 

 

 

 

index.html

<!DOCTYPE html>  
<html>  
<head>  
  <title>JavaScript Worker Example</title>  
</head>  
<body>  
  <script>  
    // 主线程  
    const mainWorker = new Worker('worker.js');  
    debugger;
    // 向 worker 发送消息  
    mainWorker.postMessage('Hello from main thread!');  
  
    // 接收 worker 返回的消息  
    mainWorker.onmessage = function(event) {  
      console.log('Received message from worker:', event.data);  
    };  
  
    // 监听 worker 错误  
    mainWorker.onerror = function(error) {  
      console.error('Error from worker:', error.message);  
    };  
  </script>  
</body>  
</html>

 

 

 

 

// worker.js  
// Worker 线程处理逻辑  
  
// 接收消息并处理  
self.onmessage = function(event) {  
    debugger;
    console.log('Received message from main thread:', event.data);  
    
    // 模拟一些计算任务  
    const startTime = Date.now();  
    while ((Date.now() - startTime) < 2000); // 休眠一段时间模拟计算任务  
    
    // 返回消息给主线程  
    self.postMessage('Hello from worker!');  
  };

 

 

 

http-server

用这个启动服务

 

posted @ 2023-11-02 13:31  AngDH  阅读(46)  评论(0)    收藏  举报