Воскресенье, 21 Октябрь 2018 00:05

Таймер на javascript

В некоторых случаях для выполнения того или иного сценария, необходимо дождаться прошествии какого-то промежутка времени, для этого можно воспользоваться специальным скриптом «таймера».

Таймер, как мне кажется – очевидно, пишется на javascript, в теории можно и на php написать, но «динамику» изменения чисел php не передаст, иначе придётся постоянно перегружать страницу, а это дополнительная нагрузка на сервер. Сам скрипт и его действие Вы можете наблюдать ниже на всякий случай обновите страницу (нажмите F5 ):

<script type="text/javascript">
function timer(){
var obj=document.getElementById('timer_inp');
obj.innerHTML--;
if(obj.innerHTML==0){
alert('Привет');
setTimeout(function(){},1000);
}else{
setTimeout(timer,1000);
}
}
setTimeout(timer,1000);
</script>
<div id="timer_inp">10</div>

10

В данном случае по результату мы увидели «привет», но в то же время можно указать любое другое действие. Подобные таймеры можно использовать для добавления эффекта «загадочности», например, блок с текстом появился спустя минуту пребывания на странице. Или что-нибудь со схожей задумкой. К слову, спустя минуту блок может и «пропасть».

Спонсоры: