JSFiddle - React, Tailwind, and code Playground

by bartvanderwal

HTML

<p>Log</p></br/>
<div id="log"></div>

JavaScript

var stepTime = 1000;
var stepCounter = 0;

log(stepCounter++);
setTimeout(function() {
    log(stepCounter++);
    setTimeout(function() {
        log(stepCounter++);
        setTimeout(function() {
            log(stepCounter++);
            setTimeout(function() {
                log(stepCounter++);
            }, stepTime)
        }, stepTime)
    }, stepTime)
}, stepTime);

log(stepCounter++ + '!');
    
// Log a message (line) on the screen.
function log(message) {
    $('#log').append('-' + message + ' (' + getCurrentTime() + ')<br>');
}

function prependZero(anInt) {
    if (anInt>=0 && anInt < 10) {
        return '0' + anInt;
    }
    return anInt.toString();
}

function getCurrentTime() {
    var dt = new Date();
    var hours = prependZero(dt.getHours());
    var minutes = prependZero(dt.getMinutes());
    var seconds = prependZero(dt.getSeconds());
    var time = hours + ":" + minutes + ":" + seconds;
    return time;
}