Поставить время на сайте с помощью Java script

Поставить время на сайте с помощью Java script

3213213

Рассмотрим способ установки на сайте времени, который не будет использовать библиотеку jQuery. Данный скрипт использует возможности стандартного Java script и обновляет часы каждую секунду.

Проблемой множества аналогичных скриптов является: отсутствие обновления (в этом случае они берут данные с сервера из PHP); не правильный формат времени, когда секунды, минуты или часы отображаются без нулей (например: 14:2:9); используются ресурсы jQuery, когда можно сделать все более адаптивно.

Скрипт часов на Java Script выглядит следующим образом:

<span class="trfed">Здесь время</span>
<script>
setInterval(function() {
var time = new Date();
if(time.getHours() < 10) var getHours = "0" + time.getHours(); else getHours = time.getHours();
if(time.getMinutes() < 10) var getMinutes = "0" + time.getMinutes(); else getMinutes = time.getMinutes();
if(time.getSeconds() < 10) var getSeconds = "0" + time.getSeconds(); else getSeconds = time.getSeconds();
time = getHours + ":" + getMinutes + ":" + getSeconds;
document.querySelector('.trfed').innerHTML = time;
}, 1000);
</script>

Код начинает тег с классом trfed. Именно в него будет встраиваться время. Для красоты "Здесь время" вы можете удалить. trfed должен располагаться перед скриптом.

Работа скрипта начинается с таймера setInterval, который с периодичностью в 1 секунду (1000 mc) выполняет функцию обновления времени в теге с классом trfed. Строчка var time = new Date(); получает доступ к объекту времени и даты в Java script. Затем после нее идут три строки, которые получают часы, минуты и секунды, каждая в свою переменную. Там же стоит условие, что если какое-то из чисел меньше 10, то к нему добавляется 0 для красоты. Затем все время записывается в общую переменную time и выводится в классе trfed.

Не забывайте, что время скрипт берет с компьютера пользователя. Это особенность работы времени на Java Script.

| | Поставить время на сайте с помощью Java script | Рассмотрим способ установки на сайте времени, который не будет использовать библиотеку jQuery. Данный скрипт использует возможности стандартного Java | http://blogprogram.ru/wp-content/uploads/2016/09/3213213-131x131.jpg