Часы. |
|
Идущие часы можно поместить в строке статуса и в поле form.
Первый пример — скрипта, создающего часы в строке статуса при загрузке документа. Вставьте в тег <body … onLoad="clock_status()">.
|
Код. |
|
<script language="JavaScript">
<!--
function clock_status()
{
window.setTimeout("clock_status()",100);
today=new Date();
self.status=today.toString();
}
//-->
</script>
|
Результат. |
|
|
|
Bторой пример — скрипта, создающего часы (в сокращенном варианте) в поле form. Вставьте в тег <body … onLoad="clock_form()">.
|
Код. |
|
<script language="JavaScript">
<!--
function clock_form()
{
day=new Date()
clock_f=day.getHours()+":"+day.getMinutes()+":"+day.getSeconds()
document.form.f_clock.value=clock_f
id=setTimeout("clock_form()",100)
}
//-->
</script>
Форма для вывода данных времени (надписи выделенные зеленым необходимо откорректировать). <form name=form metod="get">
<input name=f_clock maxlength=8 size=8>
</form>
|
Результат. |
|
|
|
Третий пример — еще один вариант отображения часов. Причем обратите внимание, что функция вызывается в теле документа, а не в HTML-теге <body> как в предыдущем примере.
|
Код. |
|
<script language="JavaScript">
<!--
function fulltime() {
var time=new Date();
document.clock.full.value=time.toLocaleString();
setTimeout('fulltime()',500)
}
//-->
</script>
Форма для вывода данных времени (надписи выделенные зеленым необходимо откорректировать). <form name=clock>
<input type=text size=19 name=full>
</form>
<script language="JavaScript">
<!--
fulltime();
//-->
</script>
|
Результат. |
|
|
|
B четвертом примере часы с «P.M.» и «A.M.». Вставьте в тег <body … onLoad="starttime()">.
|
Код. |
|
<script language="JavaScript">
<!--
var timer=null;
var timerrun=false;
function stoptime() {
if(timerrun)
clearTimeout(timer);
timerrun=false;
}
function starttime() {
stoptime();
showtime();
}
function showtime() {
var all=new Date();
var hours=all.getHours();
var minutes=all.getMinutes();
var seconds=all.getSeconds();
var timevalue=" " + ((hours>12) ? hours-12 : hours)
timevalue += ((minutes<10) ? ":0" : ":") + minutes
timevalue += ((seconds<10) ? ":0" : ":") + seconds
timevalue +=(hours>=12) ? " P.M." : " A.M."
document.clock.next.value=timevalue;
timer=setTimeout('showtime()',1000);
timerrun=true;
}
//-->
</script>
Форма для вывода данных времени (надписи выделенные зеленым необходимо откорректировать). <form name=clock>
<input type=text name=next size=12 value=''>
</form>
|
Результат. |
|
|