Часы на JavaScript

часы на javascript для сайта
Метки: / /

В этой статье вы прочитаете как сделать часы на JavaScript для своего сайта, код будет совсем не большой и простой.

Также посмотрите статью: «Как сделать таймер на JavaScript».

HTML:

Перед тем как начать делать код, нужно не много настроить HTML.

Тут просто один тег <div>, с идентификатором clock, он нужен для вывода времени, вот и всё.

JavaScript:

В JavaScript всё также, очень просто, всего несколько строк кода.

Давайте разберём этот код, сперва мы получаем элемент куда будем выводить время, потом запускаем интервал и задаём ему время 1000 миллисекунд, что равно одной обычной секунде.

Внутри интервала создаём объект класса Date(), который нужен для работы со временем, ниже идёт объявление переменных, они будут в себе хранить текущие время: часы, минуты и секунды.

Как можете заметить, при присвоение времени, мы использую тернарную операцию, это нужно для того, что бы, если число времени будет однозначное, то для красоты ему впереди добавляли нолик.

После создания переменных для хранения времени, делаем для вывода в формате часов, и присваиваем её через параметр innerHTML.

Теперь часы на JS для вашего сайта полностью готовы, вот результат который у вас должен получится.

Готовые часы на JS

Вывод:

В этой статье вы прочитали как сделать часы на чистом JavaScript для вашего сайта, и как видите код совсем не большой и лёгкий.

Подписываетесь на соц-сети:

Оценка:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд
(Пока оценок нет)
Загрузка...

Поделится:

Также рекомендую: