8.25.2022

Таймер обратного отсчёта времени в секундах

Простой пример кода, который визуально производит обратный отсчёт времени в секундах. Простейший пример работы в скриптах обмена визитами или серфинге сайтов...
< script type="text/javascript" >
function timer(){
var obj=document.getElementById('timer_inp');
obj.innerHTML--;
    if (obj.innerHTML==0){
        alert('Hello');
        setTimeout(function(){},1000);
    } else {
        setTimeout(timer,1000);
    }
}
setTimeout(timer,1000);
< /script >
< div >Осталось: < span id="timer_inp" >10< /span > сек.< /div >
Между тегом span необходимо установить своё значение (в секундах), от которого будет производится обратный отсчет. По истечению времени счетчика в примере появляется модальное окно с надписью Hello. В месте, где вызывается сообщение alert(‘hello’), можно добавить свою логику, которая будет выполняться по окончанию отсчёта (если вызов сообщения не нужен, то просто уберите эту строчку).

! После копирования и вставки кода, не забудьте убрать лишние пробелы в скобках script и div.



Комментариев нет:

Отправить комментарий