JSFiddle - React, Tailwind, and code Playground

by Ryan Morris

HTML

<div id="counter"></div>

<!-- our local worker script -->
<script id="myWorker">
    var i = 0;
    setInterval(function() {
        i++;
        postMessage(i);
    }, 500);
</script>

JavaScript

var myWorker = null;

var workerData = new Blob([document.getElementById('myWorker').textContent], {
    type: "text/javascript"
});

function init() {
    
    if (typeof (Worker) === undefined) {
        alert('No webworker supported');
        return false;
    }

    myWorker = new Worker(window.URL.createObjectURL(workerData));
    myWorker.onmessage = function (e) {
        document.getElementById('counter').innerHTML = e.data;
    };
}

init();