Сервер поддерживается Центром Информационных Технологий (095) 932-9212, 932-9213, 939-0783 E-mail: info@citforum.ru | |
Сервер Информационных Технологий содержит море(!) аналитической информации
|
---|
Идущие часики можно поместить в строке статуса и в поле form. (Реализация объекта Date в Netscape Navigator 2.0 содержит ошибки)
Первый пример - скрипта, создающего часики в строке статуса при загрузке документа:
<html> <head> <title>Clock in status bar</title> <script language="JavaScript"> function clock_status() { window.setTimeout("clock_status()",100); today=new Date(); self.status=today.toString(); } </script> </head> <body background="ffffff" onLoad="clock_status()"> </body> </html>
Второй пример - скрипта, создающего часики (в сокращенном варианте) в поле form
<html> <head> <title>Clock</title> <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> </head> <body bgcolor="ffffff" onLoad="clock_form()"> <center> <form name=form metod="get"> <input name=f_clock maxlength=8 size=8> </form> </center> </body> </html>
Третий пример - еще один вариант отображения часиков. Причем обратите внимание, что функция вызывается в теле документа, а не в HTML-теге <body> как в предыдущем примере.
<html> <head> <title>Clock full</title> </head> <script language="JavaScript"> function fulltime() { var time=new Date(); document.clock.full.value=time.toLocaleString(); setTimeout('fulltime()',500) } </script> <body bgcolor=ffffff text=ff0000> <center> <form name=clock> <input type=text size=17 name=full> </form> <script language="JavaScript"> fulltime(); </script> </center> </body> </html>
В четвертом примере часики с "P.M." и "A.M."
<html> <head> <title>Clock</title> <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> <body bgcolor=ffffff text=ff0000 onLoad="starttime()"> <center> <form name=clock> <input type=text name=next size=12 value=' '> </center> </form> </body> </html>