Примеры скриптов на языке 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>