Простой таймер обратного отсчета на 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='/redirect-link';
setTimeout(function(){},1000);
}
else
{
setTimeout(timer,1000);
}
}
setTimeout(timer,1000);
</script>
Скрипт отсчета минут и секунд
<div>На ввод проверочного кода осталось <span id="time"></span> минут!</div>
<script type="text/javascript">
function startTimer(duration, display) {
var timer = duration, minutes, seconds;
setInterval(function () {
minutes = parseInt(timer / 60, 10);
seconds = parseInt(timer % 60, 10);
minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;
display.textContent = minutes + ":" + seconds;
if (--timer < 0) {
document.location.href='/redirect-link'; // or input desable
}
}, 1000);
}
window.onload = function () {
var fiveMinutes = 60 * 5,
display = document.querySelector('#time');
startTimer(fiveMinutes, display);
};
</script>
