Как создать цифровые часы на страничке используя javascript?

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

от marc_zboncak , в категории: JavaScript , 7 месяцев назад

Как создать цифровые часы на страничке используя javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от fidel , 6 месяцев назад

@marc_zboncak 

Для создания цифровых часов на веб-странице с использованием JavaScript вы можете использовать методы Date и setInterval. Вот пример кода:


HTML:

1
2
3
4
5
6
7
8
  Цифровые часы


  

  



JavaScript (script.js):

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
function updateClock() {
  var currentTime = new Date(); // получаем текущую дату и время
  var hours = currentTime.getHours();
  var minutes = currentTime.getMinutes();
  var seconds = currentTime.getSeconds();

  // Добавляем ведущий ноль для однозначных чисел
  hours = (hours < 10 ? "0" : "") + hours;
  minutes = (minutes < 10 ? "0" : "") + minutes;
  seconds = (seconds < 10 ? "0" : "") + seconds;

  var timeString = hours + ":" + minutes + ":" + seconds;
  
  // Обновляем содержимое элемента с id "clock"
  document.getElementById("clock").innerText = timeString;
}

// Обновляем время каждую секунду
setInterval(updateClock, 1000);


Этот код будет обновлять цифровые часы на странице каждую секунду, отображая текущее время в формате "часы:минуты:секунды".