JSFiddle - React, Tailwind, and code Playground

by PhilQ

HTML

<div id="loader">
</div>

JavaScript

var objects = [];
var remaining = 256;

function preloadImages()
{
    var img;
    for(var i=0; i<256; i++)
    {
        img = new Image();
        img.onload = function()
        {
            --remaining;
            document.getElementById("loader").innerHTML = "<b>Loading: " + parseInt((1-(remaining/256))*100) + "%</b>";
            if(remaining<=0)
            {
                ChangeLevel();
            }
        };
        img.src = "http://www.edwardleuf.org/MadMartin/thriller/objects/img" + ("00" + i.toString(16)).slice(-2) + ".gif";
        objects.push(img);
    }
}

function ChangeLevel() {
	alert('ChangeLevel()');
}


preloadImages();