JSFiddle - React, Tailwind, and code Playground

by stursby

HTML

<p>timer: <span id="count"></span></p>

<br><br>

<a id="current">current: <span></span></a>

CSS

body { padding:20px; }

JavaScript

var start = new Date().getTime();
var time = 0;
var timeout = 5000;

function instance() {
    
    //alert(start);

    if (time == timeout) {

        time = 0;

    } else {

        time += 100;

    }
    $('#count').text(time);
    var diff = (new Date().getTime() - start) - time;
    window.setTimeout(instance, (100 - diff));
}
window.setTimeout(instance, 100);

$('#current').click(function() {

    $('#current span').text(time);

});