<button id="btn">Start</button>
<hr>
<img src="" id="pct" alt="Кликните Start для начала отсчёта">
$('#btn').on('click', e=>{
Object.assign(Iter, {
$pct: $('#pct'),
});
Iter(3);
});
/**
* @param time - время отсчёта в секундах
*/
function Iter(time){
// console.log({time});
// the time is over
if(time < 0){
alert('!!!ALERT!!!');
return;
}
// next iteration
setTimeout(()=>{
Iter.$pct.prop('alt', time);
Iter(--time);
}, 1000);
}
This Pen doesn't use any external CSS resources.