![]() |
The example below creates a simple web worker that count numbers in the background: |
Note: Internet Explorer 9 and earlier versions do not support Web Workers.
Example:
HTML
<p>Count numbers: <output id="result"></output></p>
<button onclick="startWorker()">Start Worker</button>
<button onclick="stopWorker()">Stop Worker</button>
<p><strong>Note:</strong> Internet Explorer 9 and earlier versions do not support Web Workers.</p>
<script>
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;
}
</script>
What is HTML Web Workers API | HTML Web Workers API |
What types of browsers will support | HTML Web Workers API |
How to work a HTML Web Workers | HTML Web Workers API |
How to check Web Worker Support | HTML Web Workers API |
How to create HTML Web Worker File | HTML Web Workers API |
How to Create a Web Worker Object | HTML Web Workers API |
How to Terminate a Web Worker | HTML Web Workers API |
How to Reuse the Web Worker | HTML Web Workers API |
Full Web Worker Example Code | HTML Web Workers API |
What is Web Workers and the DOM | HTML Web Workers API |
Learn HTML Web Workers | HTML Web Workers API |
Read Full: | HTML Web Workers API |
Category: | Web Tutorial |
Sub Category: | HTML Web Workers API |
Uploaded: | 1 year ago |
Uploaded by: | Admin |
Views: | 41 |
Reffered: https://www.w3schools.com/html/html5_webworkers.asp