Задать вопрос Войти Регистрация
Авто и мото Бизнес и финансы Видеоигры Животные Здоровье и гигиена Знакомства и любовь Интернет Кино Компьютерные технологии Кулинария Мобильные технологии Мода и красота Музыка Наука и философия Недвижимость Образование Праздники Природа Работа и карьера Семья и дети Советы и Лайфаки Спорт Строительство Товары и услуги Туризм и путешествия
Категории

Как написать свой таймер на javascript?

Пользователь

от justice , в категории: Компьютерные технологии , 2 года назад

Как написать свой таймер на javascript?

Facebook Vk Ok Twitter Telegram Whatsapp

1 ответ

Пользователь

от sydnie , 2 года назад

@justice  Для написания таймера на JavaScript необходимо использовать функции и методы, которые позволяют получать текущее время и работать с таймерами.


Вот пример простого таймера на JavaScript:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

<!DOCTYPE html>
<html>
  <head>
    <title>Таймер на JavaScript</title>
  </head>
  <body>
    <h1 id="timer">00:00:00</h1>

    <button onclick="startTimer()">Старт</button>
    <button onclick="stopTimer()">Стоп</button>

    <script>
      var startTime;
      var timerInterval;

      function startTimer() {
        startTime = Date.now();

        timerInterval = setInterval(function() {
          var elapsedTime = Date.now() - startTime;

          var hours = Math.floor(elapsedTime / (1000 * 60 * 60));
          elapsedTime -= hours * (1000 * 60 * 60);

          var minutes = Math.floor(elapsedTime / (1000 * 60));
          elapsedTime -= minutes * (1000 * 60);

          var seconds = Math.floor(elapsedTime / 1000);

          document.getElementById("timer").innerHTML =
            ("0" + hours).slice(-2) +
            ":" +
            ("0" + minutes).slice(-2) +
            ":" +
            ("0" + seconds).slice(-2);
        }, 1000);
      }

      function stopTimer() {
        clearInterval(timerInterval);
      }
    </script>
  </body>
</html>

Этот пример создает таймер, который начинает отсчет времени при нажатии на кнопку "Старт" и останавливается при нажатии на кнопку "Стоп". Таймер выводит время в формате "часы:минуты:секунды".


Переменная startTime хранит время, когда была нажата кнопка "Старт", а переменная timerInterval хранит идентификатор интервала, который используется для обновления времени каждую секунду.


Функция startTimer() устанавливает значение startTime равным текущему времени, а затем запускает интервал, который обновляет время каждую секунду. Функция stopTimer() останавливает интервал, используя метод clearInterval().


Функция обновления времени использует методы Math.floor() и slice() для вычисления часов, минут и секунд и выводит время на экран с помощью свойства innerHTML элемента с идентификатором timer.

Похожие обсуждения:

Как сделать таймер обратного отсчета на javascript?
Как написать калькулятор на javascript?
Как установить таймер остановки музыки на Яндекс.Музыке?
Как изменить свой статус на Skype?
Как очистить массив на javascript?
Как научиться программировать на javascript?