Примеры скриптов на языке JavaScript, Идущие часики

Идущие часики

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