Таймер обратного отсчета с редиректом на JavaScript

Оцените материал
(1 Голосовать)

Простой таймер обратного отсчета на JavaScript с перенаправлением после окончания. Такой метод может понадобиться например на странице 404.

Устанавливаем количество секунд в в блоке с id="redirectTimer"

<div id="redirectTimer">10</div>

 

Добавляем JavaScript код

<script type="text/javascript">
    function timer(){
        var obj=document.getElementById('redirectTimer');
        obj.innerHTML--;
 
        if(obj.innerHTML==0){
            document.location.href='<?php echo JUri::base(); ?>';
            setTimeout(function(){},1000);
        }
        else{setTimeout(timer,1000);}
        }
    setTimeout(timer,1000);
</script>

JUri::base() Используется только для Joomla. В противном случае задайте свой адрес редиректа.

Авторизуйтесь, чтобы получить возможность оставлять комментарии