<!DOCTYPE html>
<html>
<body>
<h1>Web Worker</h1>
<div id="result"></div>
<p>Count numbers: <output id="result"></output></p>
<button onclick= "startWorker()"> Start Worker</button>
<button onclick= "stopWorker()"> Stop Worker</button>
<script>
var w;
function startWorker() {
if (typeof(EventSource)!=="undefined")
{
w=new Worker("workers.js");
w.onmessage = function(event)
{
document.getElementById("result").innerHTML+=event.data + "</br>" ;
};
}
else
{
document.getElementById("result").innerHTML="Sorry, not support";
}
}
function stopWorker() {
w.terminate();}
</script>
</body>
</html>
-----------------------------------------
//workers.js
var i=0;
function timeCount()
{
i=i+1;
postMessage(i);
setTimeout("timeCount()",500);
}
timeCount();
----------------------------------------