Идущие часы

Идущие часы можно поместить в строке статуса и в самом HTML документе.

Первый пример - скрипта, создающего часы в строке статуса при загрузке документа:

Создаем функцию
<script language="JavaScript">
function clock_status()
{
window.setTimeout("clock_status()",100);
today=new Date();
self.status=today.toString();
}
</script>

Вызываем функцию при загрузке документа в тэге <body>
<body onLoad="clock_status()">

Работающие часы смотрите в строке статуса.

Второй пример обратите внимание, что функция вызывается в теле документа, а не в 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=17 name=full>
</form>

Вызываем функцию в теле документа
<script language="JavaScript">
fulltime();
</script>

Работающий пример:

Начало формы

Конец формы

Третий пример - скрипта, создающего часы (в сокращенном варианте) в поле 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>

Вызываем функцию в теле документа
<script language="JavaScript">
clock_form();
</script>

Работающий пример:

Начало формы

Конец формы

Практические задания

Задание 1

1. Сделайте на первой странице вывод текущей даты.

2. Сделайте на первой странице вывод текущего времени.

3. Проверьте работоспособность на сервере.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: