HTML Web Workers

Why Use Web Workers?

When executing scripts in an HTML page, the page becomes unresponsive until the script is finished. A web worker allows you to run long-running scripts in a separate thread, allowing the main user interface to remain responsive. This is ideal for computationally intensive tasks like complex calculations, data processing, or fetching large amounts of data.

// main.js
if (typeof(Worker) !== "undefined") {
  let w = new Worker("demo_workers.js");
  w.onmessage = function(event) {
    document.getElementById("result").innerHTML = event.data;
  };
}

// demo_workers.js
let i = 0;
function timedCount() {
  i = i + 1;
  postMessage(i);
  setTimeout("timedCount()",500);
}
timedCount();