Главная
>>
Каталог задач
>>
Веб-разработка
>>
Клиентский скриптинг(js, vba и т.д.)
>>
Часики на js
Часики на js
Aвтор:
this
Дата:
09.02.2006
Просмотров: 89511
реализации(php: 1шт...)
+добавить
Текстовые, простые часы
По-другому: "электронные" часы на сайте. Выглядит примерно следующим образом:
Текущее время:
Делается следущим образом:
- Создаем на странице элемент, в котором будет выводится значение времени. Это может быть span, div, p - в общем случае любой html элемент документа, отображаемое содержимое которого можно модифицировать.
- Создаем функцию, которая при запуске получает текущие количество часов, минут и секунд, формирует из этого требуемое представление текущего времени и сохраняет это в значение элемента, созданного в п.1.
- В конце этой функции размещаем setTimeout, указывая в параметрах имя нашей фукнции и интервал вызова - секунду. Т.е.: setTimeout('GetCurrTimeFunc()',1000)
- После этого делаем один единственный вызов этой функции где-нибудь в документе(или в onLoad() у body как вариант).
В результате этот один единственный вызов фукнции - отработает, запишет полученное время в элемент, и в конце запустит setTimeout, который начиная с этого момента будет периодически вызывать эту же нашу функцию с интервалов в 1000 миллисекунд, что приведет к тому, что наши часики начнут перерисовываться раз в секунду, каждый раз обновлясь с учетом прошедшей секунды. Что и требовалось.
Реализации:
javascript(2),
php(1)
+добавить
1)
время на php, code #627[автор:-]
1.<script type=
"text/javascript">
2.
var d=document3.
var NN = d.layers ?
true :
(window.opera && !d.createComment
) ?
true:false4.
function showTime
(){5.
var tmN =
new Date()6.
var dH =
'' + tmN.getHours
(); dH =dH.length<
2 ?
'0' + dH:dH7.
var dM =
'' + tmN.getMinutes
(); dM =dM.length<
2 ?
'0' + dM:dM8.
var dS =
'' + tmN.getSeconds
(); dS =dS.length<
2 ?
'0' + dS:dS9.
var tmp = dH +
':' + dM +
':' + dS10.
if (NN
) d.F.chas.value = tmp;
11.
else d.getElementById
('tm').innerHTML=tmp12.
13.
// Включаем периодический "перезапуск" этой же функции14. var t = setTimeout('showTime()',1000)15.}16.</script>17.<div id=tm><form name="F"><input type="button" name="chas" value="XX:XX:XX"></form></div>18.<script type="text/javascript">showTime()</script>