Web Development
JБлог

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

Оцените материал
(3 голосов)

Простой таймер обратного отсчета на 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. В противном случае задайте свой адрес редиректа.

edit Последнее изменение Вторник, 15 января 2019 19:51
Авторизуйтесь, чтобы получить возможность оставлять комментарии

AM DOX (Joomla 3.x)

MPC (Music Player Component) (Joomla 3.x)

AMGallery (Joomla 3.x)

AMHTML5AUDIO PRO - Audio player

Online Ocenka (Joomla 2.5)

AM Lang

AMHTML5AUDIO Lite - Audio player

AM Quick Sale (Joomla 3, 4)

AMPopup

AM Unite Gallery Plugin

XMap для MPC

AM Parallax Slider (beta)

AMQS Currency Switch