Идущие часики
Идущие часики можно поместить в строке статуса и в поле 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>
Comments:
Copyright ©
