Универсальный скрипт таймера

Очень много лендингов с кривыми и неработающими таймерами. Вот универсальный скрипт, который анимирует таймер на странице.

Скрипт вставлять перед </body>, предварительно создать элементы с id, равными h, m и s, для часов, минут и секунд соответственно.

Таймер считает до 00:00:01 следующего дня. Если ты внимательный, то найдёшь, где указать нужное время (до которого считать) в коде.

jQuery не требуется, код на чистом JavaScript.

Пример найдёшь на http://traffuck.ru/timer

2 thoughts on “Универсальный скрипт таймера”

  1. Привет. Спасибо большое за скрипт! А какую строку нужно заменить/добавить, чтобы таймер отсчитывал время до конца текущего месяца?
    Заранее спасибо!

    1. Проверяй сам и ошибки сам исправляй)

      <!-- Пример таймера с traffuck.ru -->
      <script type="text/javascript">
      document.addEventListener("DOMContentLoaded", function() {
      var _second = 1000;
      var _minute = _second * 60;
      var _hour = _minute * 60;
      var _day = _hour * 24;

      var now = new Date();
      var end = new Date(now.getFullYear(), now.getMonth()+1, 1, 00, 00, 01);
      var distance = end - now;

      function showRemaining() {
      var now = new Date();
      var distance = end - now;
      var days = Math.floor((distance) / _day);
      if (days < 10) days = '0' + days;
      var hours = Math.floor((distance % _day) / _hour);
      if (hours < 10) hours = '0' + hours;
      var minutes = Math.floor((distance % _hour) / _minute);
      if (minutes < 10) minutes = '0' + minutes;
      var seconds = Math.floor((distance % _minute) / _second);
      if (seconds < 10) seconds = '0' + seconds;

      document.getElementById('d').innerText = (days);
      document.getElementById('h').innerText = (hours);
      document.getElementById('m').innerText = (minutes);
      document.getElementById('s').innerText = (seconds);
      }
      showRemaining();
      setInterval(showRemaining, 1000);
      });
      </script></code>

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *