JSFiddle - React, Tailwind, and code Playground

by Fred Fourie

HTML

<div id="console-log"></div>

CSS

.console-line {
    font-family: monospace;
    margin: 2px;
}

JavaScript

// Console implementation
var consoleLine = "<p class=\"console-line\"></p>";

console = {
    log: function (text) {
        $("#console-log").append($(consoleLine).html(text));
    }
};

console.log('This is where the console output goes...');
// interval size- more than offset
//Time fiddle
var last_time = "08:56:31";
var last_sec = parseInt(last_time.slice(6));
var last_min = parseInt(last_time.slice(4, 5));

var cur_time = "08:56:31";
var cur_sec = parseInt(cur_time.slice(6));
var cur_min = parseInt(cur_time.slice(4, 5));

console.log('Last Time: ' + last_time);
console.log('Current Time: ' + cur_time);

diff_sec = cur_sec - last_sec;
offset_sec = 5;
diff = Math.abs(diff_sec);

if (cur_sec != last_sec)
    console.log('Server Stasus: OK, Difference is: ' + diff_sec);
else
    if (cur_min != last_min)
        console.log('Server Stasus: OK, Difference is: ' + diff_sec);
    else
        console.log('Server Stasus: Hanging, Difference is: ' + diff);