JSFiddle - React, Tailwind, and code Playground
HTML
<div class="wait">Wait</div>
<div class="waitDownloadLink"></div>
CSS
https://jsfiddle.net/user/login/
JavaScript
var getDateTimeInSeconds = function(){
return Math.floor(Date.now() / 1000)
};
$(document).ready(function()
{
var numOfSeconds = 40;
var countFrom = getDateTimeInSeconds();
var countTo = countFrom + numOfSeconds;
var refreshIntervalId = setInterval(function() {
var secondsLeft = countTo - getDateTimeInSeconds();
if(secondsLeft < 0){
$(".wait").text(0);
$(".waitDownloadLink").text("Click me to download");
clearInterval(refreshIntervalId);
}
else{
$(".wait").text(secondsLeft);
}
}, 1000);
});