JavaScript Workers

I dette eksempelet starter vi en worker som skal gjøre en beregningsoppgave.

Websiden som drar det hele ser slik ut:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8"/>    
<title>test1</title>
  <script>
    try{
        var worker = new Worker('test1Work.js');
        worker.onmessage = function (event) {
            setMessage("Worker ferdig med " + event.data + " iterasjoner" );
        };
    }
    catch(e){
        setMessage("Beklager, ingen worker");
    }
    
    function setMessage(msg){
        document.getElementById("msg").innerHTML=msg;
    }
  </script>
</head>
<body>
   <button onclick="setMessage('hallo');">Hallo</button>
   <p id="msg" contenteditable="true">Her kan du skrive til du blir avbrutt</p>
   <p><a href="javascript:history.back()">Tilbake</a></p>   
</body>
</html>

Skriptet til workeren, test1Work.js, ser slik ut:

for (var i = 0; i <= 1000000000; i += 1){
   var j = i;
}
postMessage(j);

test1.html https://borres.hiof.no/wep/js/workers/wrk1/test1.html