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