Нужна помощь в таймере обратного отсчета Javascript

MRW

привет всем, я хотел бы попросить помощи по поводу таймера JavaScript.

я хотел бы, чтобы javascript выполнял обратный отсчет и перенаправлялся на определенную страницу, когда окно не в фокусе, оно приостанавливает или не продолжает обратный отсчет.

ниже приведен сценарий, который у меня есть:

 <script type="text/javascript">


$(document).ready(function(){


var seconds = <?php echo $seconds ?>,


second = 0,


url = '<?php echo Helper::safeJs($url) ?>';


var interval = setInterval(function(){


$('#second').html(seconds - second);


if (second >= seconds) {


document.location.href = url;


clearInterval(interval);


}


second++;


}, 1000);


});


</script>


<p align="center" class="pressed" style="line-height:150%">


<?php echo sprintf(Lang::model()->get('Redirect_Timer'), '<strong>'.CHtml::encode($url).'</strong>', '<strong><span id="second">'.(int)$seconds.'</span></strong>'); ?>


</p>

PHP:

DrSerge

Вы хотите проверить Document.hasFocus(). Я бы оставил таймер на 1 секунду, как он позволяет ему работать, но внутри обратного вызова просто выполните if (Document.hasFocus()) { /* счетчик обновления здесь */ }
https://developer.mozilla.org/en-US/docs/Web/API/Document/hasFocus

Тем не менее, вам действительно не следует использовать PHP для генерации JavaScript — вы хотите передавать ему значения, которые сейчас являются задачей атрибута данных. У вас даже не должно быть сценариев в разметке внутри

287_08

нашел решение этой проблемы. спасибо @deathshadow за комментарий. вот код, который я нашел:

 <script type="text/javascript">


$(document).ready(function(){


var isActive = true;


var seconds = <?php echo $seconds ?>,


second = 0,


url = '<?php echo Helper::safeJs($url) ?>';


var interval = setInterval(function(){


if(!isActive) {


return;


}


$('#second').html(seconds - second);


if (second >= seconds) {


document.location.href = url;


clearInterval(interval);


}


second++;


}, 1000);


window.onfocus = function () {


isActive = true;


};


window.onblur = function () {


isActive = false;


};


});


</script>

Код (PHP):

Похожие темы	Дата
Школа Программирования. Javascript	19.10.2024, 18:10
[дмитрий Валак] Javascript Для Верстальщика (2016)	19.10.2024, 18:10
[нет] Сборник курсов AngularJS	19.10.2024, 18:10
Javascript И Jquery. Расширенный Курс	19.10.2024, 18:10
Курс По Angular.js 2016 Илья Кантор	19.10.2024, 18:10
ПОЖАЛУЙСТА ПОМОГИ! Кнопка переключения воспроизведения/остановки	19.10.2024, 18:10
Генератор цитат JavaScript с опциями	19.10.2024, 18:10
A* Проблема с следопытом	19.10.2024, 18:10
Современный JavaScript Полный курс - Построим 10 проектов - Udemy (2017)	19.10.2024, 18:10
Javascript для верстальщика - Академия верстки (2018)	19.10.2024, 18:10

Нужна помощь в таймере обратного отсчета Javascript

MRW

DrSerge

287_08

I AM

Интересно