JSFiddle - React, Tailwind, and code Playground

by Andrea Scanu

HTML

<span id="time"></span>

JavaScript

function secondsToTime(secs) {
    var hours = Math.floor(secs / (60 * 60));
    var divisor_for_minutes = secs % (60 * 60);
    var minutes = Math.floor(divisor_for_minutes / 60);
    var divisor_for_seconds = divisor_for_minutes % 60;
    var seconds = Math.ceil(divisor_for_seconds);
    seconds = (seconds < 10) ? '0' + seconds : seconds;
    minutes = (minutes < 10) ?  '0' + minutes : minutes;
    return minutes + ":" + seconds; 
}
function timer(time) {
    time = secondsToTime(time);
$("#time").html(time);
var interval = setInterval(function() {
    var timer = $("#time").html().split(':');
    var minutes = parseInt(timer[0],10);
    var seconds = parseInt(timer[1],10);
    --seconds;
    minutes = (seconds < 0) ? --minutes : minutes;
    if (minutes < 0) return;
    seconds = (seconds < 0) ? 59 : seconds;
    seconds = (seconds < 10) ? '0' + seconds : seconds;
    minutes = (minutes < 10) ?  '0' + minutes : minutes;
    $("#time").html(minutes + ':' + seconds);
}, 1000);
}
timer(10);