Скрипт времени/часов на JavaScript
Среда, Апрель 8, 2009 21:38Рубрики: Web-developer, Дизайн
Выполняя заказ, заказчику нужно было сделать вывод системного времени (время из ОС, причем не только Windows) на страницы сайта.
Скрипт написан на Java, выводится через input, итак — поехали 
Сам скрипт, который помещается между <head>...</head>:
<script type="text/javascript"><!--
function showFilled(Value) {
return (Value > 9) ? "" + Value : "0" + Value;
}
function StartClock24() {
TheTime = new Date;
document.clock.showTime.value = showFilled(TheTime.getHours()) + ":" + showFilled(TheTime.getMinutes()) + ":" + showFilled(TheTime.getSeconds());
setTimeout("StartClock24()",1000)
}
// --></script>
function showFilled(Value) {
return (Value > 9) ? "" + Value : "0" + Value;
}
function StartClock24() {
TheTime = new Date;
document.clock.showTime.value = showFilled(TheTime.getHours()) + ":" + showFilled(TheTime.getMinutes()) + ":" + showFilled(TheTime.getSeconds());
setTimeout("StartClock24()",1000)
}
// --></script>
Стиль, для инпута (input), который можно вписать либо в таблицу стилей (если она используется) либо, просто между тегами ...:
.input {
border-style: none;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:8pt
}
border-style: none;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:8pt
}
Выводим форму часов:
<span style="text-decoration: underline;"><span style="font-family: Arial, sans-serif; font-size: medium;">Простой Java скрипт часов</span></span>
<form enctype="application/x-www-form-urlencoded" method="get">
<input class="input" name="showTime" size="8" type="text" />
Смотрим, что получилось. Кстати, приглашаем Вас на нами созданный форум для web-разработчиков, на котором вы можите получить любую консультацию по разработке сайтов, дизайне, продвижению и просто поделится опытом!
Вы можете следить за любыми ответы на эту запись через RSS 2.0 feed.
Вы можете оставить ответ, или trackback с Вашего собственного сайта.
Loading ...
vanoID сообщил:
Апрель 8th, 2009 21:40
Обсуждаем пример тут