From 398b376ab2cc7d1601facefc7e272709c3c72c15 Mon Sep 17 00:00:00 2001 From: Azhar Ali Date: Mon, 23 Jan 2023 16:04:49 +0500 Subject: [PATCH] main --- .../Web API/web-worker API/images/js-logo.png | Bin 0 -> 4253 bytes .../Advance/Web API/web-worker API/index.html | 24 +++++++++++++++ .../Advance/Web API/web-worker API/script.js | 29 ++++++++++++++++++ .../Advance/Web API/web-worker API/worker.js | 9 ++++++ 4 files changed, 62 insertions(+) create mode 100644 JavaScript/Advance/Web API/web-worker API/images/js-logo.png create mode 100644 JavaScript/Advance/Web API/web-worker API/index.html create mode 100644 JavaScript/Advance/Web API/web-worker API/script.js create mode 100644 JavaScript/Advance/Web API/web-worker API/worker.js diff --git a/JavaScript/Advance/Web API/web-worker API/images/js-logo.png b/JavaScript/Advance/Web API/web-worker API/images/js-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..4637ac92a54e728830ce5e72ff0fb6b017ba1797 GIT binary patch literal 4253 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 O0OjuLb*RDxO#KHrCLiqp literal 0 HcmV?d00001 diff --git a/JavaScript/Advance/Web API/web-worker API/index.html b/JavaScript/Advance/Web API/web-worker API/index.html new file mode 100644 index 0000000..a4d6aab --- /dev/null +++ b/JavaScript/Advance/Web API/web-worker API/index.html @@ -0,0 +1,24 @@ + + + + + + + + web-worker API + + + +

Web Worker API

+ + +

+ +

Count Example

+ + +

+ + + + \ No newline at end of file diff --git a/JavaScript/Advance/Web API/web-worker API/script.js b/JavaScript/Advance/Web API/web-worker API/script.js new file mode 100644 index 0000000..dac80c1 --- /dev/null +++ b/JavaScript/Advance/Web API/web-worker API/script.js @@ -0,0 +1,29 @@ +// Web Worker API +let textOne = document.getElementById('textOne'); + +function DisplayOne() { + textOne.innerHTML = ` +

Web Worker is a JavaScript running in the Background

+

When executing scripts in an HTML page, the page becomes unresponsive until the script is finished. + + A web worker is a JavaScript that runs in the background, independently of other scripts, without affecting the performance of the page. You can continue to do whatever you want: clicking, selecting things, etc., while the web worker runs in the background.

+ ` +} + +// Example to Understand + +let w; + +function startWorker() { + if (typeof(w) == "undefined") { + w = new Worker("worker.js"); + } + w.onmessage = function(event) { + document.getElementById("textTwo").innerHTML = event.data; + }; +} + +function stopWorker() { + w.terminate(); + w = undefined; +} \ No newline at end of file diff --git a/JavaScript/Advance/Web API/web-worker API/worker.js b/JavaScript/Advance/Web API/web-worker API/worker.js new file mode 100644 index 0000000..00557b6 --- /dev/null +++ b/JavaScript/Advance/Web API/web-worker API/worker.js @@ -0,0 +1,9 @@ +let i = 0; + +function timedCount() { + i++; + postMessage(i); + setTimeout("timedCount()", 500); +} + +timedCount(); \ No newline at end of file