zoukankan      html  css  js  c++  java
  • Worker

    html

    <button onclick="sayHI()">Say HI</button>
    <button onclick="unknownCmd()">Send unknown command</button>
    <button onclick="stop()">Stop worker</button>
    <output id="result"></output>
    <script>
      function sayHI() {
        worker.postMessage({'cmd': 'start', 'msg': 'Hi'});
      }
    
      function stop() {
        // Calling worker.terminate() from this script would also stop the worker.
        worker.postMessage({'cmd': 'stop', 'msg': 'Bye'});
      }
    
      function unknownCmd() {
        worker.postMessage({'cmd': 'foobard', 'msg': '???'});
      }
    
      let worker = new Worker('work.js');
    
      worker.addEventListener('message', function(e) {
        document.getElementById('result').textContent = e.data;
      }, false);
    </script>

    work.js

    addEventListener('message', function (e) {
      let data = e.data;
      switch (data.cmd) {
        case 'start':
          postMessage('WORKER STARTED: ' + data.msg);
          break;
        case 'stop':
          postMessage('WORKER STOPPED: ' + data.msg + '. (buttons will no longer work)');
          close(); // Terminates the worker.
          break;
        default:
          postMessage('Unknown command: ' + data.msg);
      }
    }, false);
  • 相关阅读:
    03构建之法阅读笔记3—团队模式
    软件工程学习进度博客10
    第一阶段冲刺10
    第一阶段冲刺9
    第一阶段冲刺8
    第一阶段冲刺7
    第一阶段冲刺6
    第一阶段冲刺5
    团队项目冲刺第六天
    团队项目冲刺第五天
  • 原文地址:https://www.cnblogs.com/ronle/p/12401858.html
Copyright © 2011-2022 走看看