otgamera
@otgamera
Что то знаю, что то нет!

Как сделать таймер обратного отсчета?

Как из такого таймера
<div class='container'>
 Seconds : <div id='seconds'></div>
</div>

<!-- Script -->
<script type='text/javascript'>
 
 var count = 0;
 var myInterval;
 // Active
 window.addEventListener('focus', startTimer);

 // Inactive
 window.addEventListener('blur', stopTimer);

 function timerHandler() {
  count++;
  document.getElementById("seconds").innerHTML = count;
 }

 // Start timer
 function startTimer() {
  console.log('focus');
  myInterval = window.setInterval(timerHandler, 1000);
 }

 // Stop timer
 function stopTimer() {
  window.clearInterval(myInterval);
 }
</script>

Сделать таймер обратного отчета?
Хотел бы еще спросить
как можно скрестить вот такой таймер
setTimeout(function () {
    window.location = plpJsRedirectL10n.url;
}, plpJsRedirectL10n.delay);

и таймер из предыдущего примера
Дело в том что все это работает через плагин Pretty Links для WP
Хотелось бы его усовершенствовать))) что бы время останавливалось если вкладка не активна
значение в секундах подставляется на прокладке
<script type='text/javascript'>
/* <![CDATA[ */
var plpJsRedirectL10n = {"url":"https:\/\/yadi.sk\/d\/fHEYisNshgDLHQ","delay":"30000"};
/* ]]> */
</script>
<script type='text/javascript' src='https://otgamera.ru/wp-content/plugins/pretty-link/pro/js/javascript-redirect.js?ver=3.0.9'></script>

а потом идет линк на скрипт таймера
spoiler
setTimeout(function () {
    window.location = plpJsRedirectL10n.url;
}, plpJsRedirectL10n.delay);
  • Вопрос задан
  • 627 просмотров
Решения вопроса 1
@Degreet
Обратный таймер:

HTML:
<div class='container'>
 Seconds : <span id='seconds'>15</span>
</div>


JavaScript:
let time

function timer() {
  time = seconds.innerText
  
  if (time != 0) {
    seconds.innerText--
  } else {
    alert("Время вышло")
    clearInterval(interval)
  }
}

interval = setInterval(timer, 1000)


Насчёт остального помочь не смогу.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы