Сегодня предлагаю небольшой сниппет, который позволит вам добавить простые часы на сайт, используя для этого немного JavaScript-кода. Пример можно увидеть на Codepen.

часы для сайта на яваскрипт

HTML:

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

Подготовим контейнер в котором будут отображаться чаи и присвоим ему id.

JS:

setInterval(function(){
	var date = new Date();

	var format = [
		(date.getHours()),
		(date.getMinutes()),
		(date.getSeconds())
	].join(":");

	document.getElementById("clock").innerHTML = format;
}, 900);

Код довольно-таки прост. Главное это создание класса Date и получение текущего времени с помощью трех функций getHours(), getMinutes и getSeconds(). И в конце вывод времени в зависимости от установленного интервала (900) в элемент с соответствующим id (#clock).

Демо в песочнице:

See the Pen Clock by 4gray (@4gray) on CodePen

Опубликовано
Подробнее

ArtsLab

Блог для тех, кто интересуется разработкой сайтов, веб-дизайном и новыми событиями в интернете. В моем блоге Вы найдете записи на различные околокомпьютерные темы, обзоры сервисов и новинок, статьи по кодингу, советы, скрипты, темы и хаки для wordpress, уроки phostohop и многое другое.

4gray artslab artslabinfo