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

Question

[Никита]

Как из такого таймера

<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);

Comments

[Вова Дружаев]

И крестиком вышивать и борщ варить...

[Никита]

Владимир Дружаев, в смысле?)

Answer 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)

Насчёт остального помочь не смогу.