Описание: Недавно меня попросили показать скрипт таймера на JavaScript , который у меня частенько появляется на моих платных курсах. Поскольку задача достаточно популярная, то я решил выложить код этого простого скрипта, чтобы любой мог сделать у себя на сайте таймер на JavaScript . Начальное значение таймера задаёт...

Таймер на JavaScript

Описание: Недавно меня попросили показать скрипт таймера на JavaScript, который у меня частенько появляется на моих платных курсах. Поскольку задача достаточно популярная, то я решил выложить код этого простого скрипта, чтобы любой мог сделать у себя на сайте таймер на JavaScript. Начальное значение таймера задаётся в HTML-коде.

Результат:

01:10:00

Код JavaScript (вставлять между тегами <head> и </head>):

<script type="text/javascript">
  function startTimer() {
    var my_timer = document.getElementById("my_timer");
    var time = my_timer.innerHTML;
    var arr = time.split(":");
    var h = arr[0];
    var m = arr[1];
    var s = arr[2];
    if (s == 0) {
      if (m == 0) {
        if (h == 0) {
          alert("Время вышло");
          window.location.reload();
          return;
        }
        h--;
        m = 60;
        if (h < 10) h = "0" + h;
      }
      m--;
      if (m < 10) m = "0" + m;
      s = 59;
    }
    else s--;
    if (s < 10) s = "0" + s;
    document.getElementById("my_timer").innerHTML = h+":"+m+":"+s;
    setTimeout(startTimer, 1000);
  }
</script>

Код HTML (вставлять между тегами <body> и </body>):

<p><span id="my_timer" style="color: #f00; font-size: 150%; font-weight: bold;">01:10:00</span></p>