Найти в Дзене
Jun in IT

Как сделать часы в js?

HTML: <div id="clock"></div> Создаём функцию: function update(){ let date = new Date() //собираем дату let hours = date.getHours() //создаем переменные для часов, минут и секунд let min = date.getMinutes() let sec = date.getSeconds() //опциональный шаг - если мы хотим получить вывод даты в формате 05:09:03 if (hours < 10) hours = '0' + hours if (min < 10) min = '0' + min if (sec < 10) sec = '0' + sec clock.textContent = `${hours}:${min}:${sec}` } Вызов функции при помощи setInterval setInterval((updateMin), 1000) // счётчик обовлялся каждую секунду

HTML:

<div id="clock"></div>

Создаём функцию:

function update(){

let date = new Date() //собираем дату

let hours = date.getHours() //создаем переменные для часов, минут и секунд

let min = date.getMinutes()

let sec = date.getSeconds()

//опциональный шаг - если мы хотим получить вывод даты в формате 05:09:03

if (hours < 10) hours = '0' + hours

if (min < 10) min = '0' + min

if (sec < 10) sec = '0' + sec

clock.textContent = `${hours}:${min}:${sec}`

}

Вызов функции при помощи setInterval

setInterval((updateMin), 1000) // счётчик обовлялся каждую секунду

-2