JavaScript функции выполняющие сценарий "Простые часы"

Функции, работающие с системными часами. Сценарий «Простые часы»
Продолжим рассматривать способы оживления веб-страницы. Один из распространенных и популярных способов - установка часов, которые якобы находятся на сервере и демонстрируют неусыпную заботу веб-мастера о пользователе.

Для организации часов необходимо средствами языка JavaScript получить текущее время компьютера пользователя и вывести его в ту область веб-страницы, которая этого требует.

Разберем листинг более подробно.

<head> </head> - заголовок.
<script> - начало сценария.
function clock () { - начало функции clock ().
var time = new Date - присвоение переменной time значения объекта хранения системного времени Date ( ).
var hour = time.getHours () - присвоение переменной hour значения часов, взятых из переменной time методом getHours ( ).
var minute = time .getMinutes ( ) - присвоение переменной minute значения часов, взятых из переменной time методом getMinutes ( ).
var second - t ime. get Seconds ( ) - присвоение переменной second значения часов, взятых из переменной t ime методом getSeconds ( ).
var temp ="+ hour temp +=((minute <10) ? ":0" : ":") + minute temp +=( (second <10) ? " : 0 " : ":") + second - формирование в переменной temp строки, содержащей часы : минуты : секунды.
document .clock, digits, value - temp - выводит на веб-страницу содержимое переменой temp.
id =setTimeout ( "clock( )", 1000) - осуществляет циклический вызов функции clock ( ) через одну секунду.
} </script> - завершение функции и сценария.
</head> - завершение заголовка.
<body bgcolor=blue onLoad= "clock("') "> - определение цвета страницы как голубого и вызов функции clock ( ) при загрузке страницы.
<form name= "clock"> - определение формы под именем clock, в которой и будут располагаться часы.
<input type="text" name="digits" size=8 value= ""> -вывод содержимого часов в текстовое поле digits размером 8 пунктов.
</form> </body> - завершение формы и документа.

Тэги: которые, установка, заботу, находятся, сервере, пользователе, веб-мастера

← JavaScript сценарий "Текущая дата"		Циклический алгоритм. Сценарий «Падающий снег» →