Создание базовых часов JavaScript.
Сегодня мы собираемся научиться создавать базовые часы JavaScript. Одна из величайших особенностей JavaScript — это бесконечное количество способов решения одной проблемы. Но сегодня мы рассмотрим один из самых простых способов создания базовых часов с помощью JavaScript.
Создание ваших первых часов с помощью JS.
Самое первое, что нам нужно сделать, это установить место для часов. Мы помещаем его в div в файле index.html.
Затем мы разрабатываем файл clock.js и связываем его с index.html, как указано выше.
Теперь с этим покончено. Мы переходим к созданному нами файлу clock.js и начинаем строить механику часов. Сначала нам нужно начать с присвоения имени функции и создания ее переменных.
Теперь объект даты — это место, где хранится информация о текущем времени, но нам нужно сообщить ему, что нужно захватить, чтобы создать время из объекта, вот где появляются ваши переменные H (час), M (минута), S (секунды). играть, установив эти переменные, мы можем иметь отдельные разделы обновления часов.
Теперь мы должны установить переменные так, как мы хотим, чтобы они отображались. Мы делаем это с помощью следующего кода ниже:
Помогает расположить ваши переменные в правильном порядке. Теперь, когда мы получили этот весь шаг, нам нужно добавить 0 нолей к минутам и секундам, которые меньше 10. Таким образом, это будет похоже на 00 01 02, .ex. На следующем рисунке эта функция будет называться addZero.
После того, как мы создали функцию addZero, мы переопределили переменные M и S, чтобы сделать их равными функции addZero + объекту даты, минутам и секундам.
Наконец, нам нужно обновить часы, для этого нам нужно использовать функцию setTimeout внутри функции времени. SetTimeout сообщит функции сбрасывать каждые «X» мс, в этом примере мы будем использовать 500 мс.
После того, как функция setTimeout выполнена, нам нужно сделать еще одну вещь с html. И это добавить команду onload в тело. Это говорит о том, что функция должна быть запущена сразу после загрузки div. Этот код является последней частью отображения ваших часов и должен выглядеть так.
После этого пришло время поздравить себя, потому что вы только что завершили свои первые часы.
