Code Ready | Frontend

✅ Создание бесконечных часов на JS



Этот код создает простые часы, отображающие текущее время в формате "часы:минуты:секунды". Функция setInterval вызывает функцию updateClock каждую секунду для обновления отображаемого времени. ⤵️

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

#clock { font-size: 50px; font-family: Arial, sans-serif; text-align: center; margin: 100px; }

function updateClock() {

    const now = new Date();

    const hours = now.getHours().toString().padStart(2, '0');

    const minutes = now.getMinutes().toString().padStart(2, '0');

    const seconds = now.getSeconds().toString().padStart(2, '0');

    document.getElementById('clock').innerText = `${hours}:${minutes}:${seconds}`;

  }

  // Обновляем часы каждую секунду

  setInterval(updateClock, 1000);

  // Запускаем обновление сразу, чтобы избежать задержки в отображении времени

  updateClock();

@code_ready | #обучение #js