web worker

Toggle class name on click in jQuery

by oktaviardi pratama

HTML

<button type="button" onClick="buttonClick()">
Search Product
</button>

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

JavaScript

/* const worker = new Worker('web-worker.js');
worker.addEventListener(message, function(event) {
  console.log(`received message : ${event.data}`);
}) */
/* addEventListener(message, function(event) {
  const total = event.data;
  showLog(total);
  postMessage(message);
}); */

function showLog(total) {
  for (let i = 0; i < total; i++) {
    console.log(i);
  }
}


function buttonClick() {
  console.log("Start log");
  showLog(2000);
  console.log("finish Log");
}



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();
  w = undefined;
}