JSFiddle - React, Tailwind, and code Playground

by Andrea Scanu

HTML

<div id="response"></div>

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) {clearInterval(interval); return;}
    seconds = (seconds < 0) ? 59 : seconds;
    seconds = (seconds < 10) ? '0' + seconds : seconds;
    minutes = (minutes < 10) ?  '0' + minutes : minutes;
    $("#time").html(minutes + ':' + seconds);
}, 1000);
}
function fetchMember(id) {
	return function() {
		$.post('/echo/html/', {html:('Response to '+ id)}, 
        function(data){
            $('#response').append(id+ ") " + data + '<br>');        
        });
	}
}
for (i = 0; i = 6; i++) {
        setTimeout(timer(4000), 4000*i);
        setTimeout(fetchMember(i + 1), 4000 * i);
}