main

AzharAli-github · AzharAli-github · commit 398b376ab2cc · 2023-01-23T16:04:49.000+05:00
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
diff --git a/JavaScript/Advance/Web API/web-worker API/index.html b/JavaScript/Advance/Web API/web-worker API/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>web-worker API</title>
+</head>
+
+<body>
+    <h1>Web Worker API</h1>
+    <!-- Documentation -->
+    <button onclick="DisplayOne()">View Doc</button>
+    <p id="textOne"></p>
+    <!-- Example One -->
+    <h2>Count Example</h2>
+    <button onclick="startWorker()">Start Worker</button>
+    <button onclick="stopWorker()">Stop Worker</button>
+    <h1 id="textTwo"></h1>
+    <script src="script.js"></script>
+</body>
+
+</html>
diff --git a/JavaScript/Advance/Web API/web-worker API/script.js 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 = `
+    <h2>Web Worker is a JavaScript running in the Background</h2>
+    <h3 style="font-family: sans-serif">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.</h3>
+    `
+}
+
+//      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;
+}
diff --git a/JavaScript/Advance/Web API/web-worker API/worker.js 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();
