Литература

 

Информация о дате последнего изменения документа.

Для этого в HTML-теге <A> используется свойство lastModified объекта Document. Информацию можно выводить в диалоговое окно. Для этого используется метод alert() объекта Window и обработчик событий onMouseOver, включенные в HTML-тег <A>. В окне есть кнопка "OK", которая закрывает диалоговое окно.

 

1

<A href="http://www.kstu.ru" onmouseover="alert('Дата последней модификации этого документа - ' + document.lastModified)">Наведите мышку на ссылку</A>


Наведите мышку на ссылку  

Вывод текущей даты

Используется объект Date и метод write объекта document.

Дата клиентского компьютера!

Текущая дата вашего компьютера: Tue Nov 28 2006 14:22:55 GMT+0300 (MSK).


Исходник:

1
2
3
4
5

<SCRIPT LANGUAGE="JavaScript">
current_date = new Date();
document.write("<p><b>Текущая дата вашего компьютера:</b> " + 
current_date + ".<p>");
</SCRIPT>

 

Также можно вывести сокращенный вариант для этого используются методы getDate, getMonth, getYear. Обратите внимание, что нумерация месяцев начинается с нуля.

Число: 28.10.106.

Исходник:

1
2
3
4
5

<SCRIPT LANGUAGE="JavaScript">
current_date = new Date();
document.write("<b>Число:</b> " + current_date.getDate() + 
"." + current_date.getMonth() + "." + current_date.getYear() + ".");
</SCRIPT>

 

Или для времени getHours, getMinutes, getSeconds такой вариант:

Время: 14.22.55.

Исходник:

1
2
3
4
5

<SCRIPT LANGUAGE="JavaScript">
current_date = new Date();
document.write("<b>Время:</b> " + current_date.getHours() + 
"." + current_date.getMinutes() + "." + current_date.getSeconds() + ".");
</SCRIPT>

 

Идущие часы

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

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

Создаем функцию

1
2
3
4
5
6
7
8

<script language="JavaScript">
function clock_status()
{
window.setTimeout("clock_status()",100);
today=new Date();
self.status=today.toString();
}
</script>


 

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

1

<body onLoad="clock_status()">



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

Второй пример обратите внимание, что функция вызывается в теле документа, а не в HTML-теге <body> как в предыдущем примере.

Создаем функцию

1
2
3
4
5
6
7

<script language="JavaScript">
function fulltime() {
var time=new Date();
document.clock.full.value=time.toLocaleString();
setTimeout('fulltime()',500)
}
</script>


 

Создаем форму

1
2
3

<form name=clock>
<input type=text size=17 name=full>
</form>


 

Вызываем функцию в теле документа

1
2
3

<script language="JavaScript">
fulltime();
</script>



 

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

 

Третий пример - скрипта, создающего часы (в сокращенном варианте) в поле form

Создаем функцию

1
2
3
4
5
6
7
8
9

<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>

 

Создаем форму

1
2
3

<form name=form metod="get">
<input name=f_clock maxlength=8 size=8>
</form>


 

Вызываем функцию в теле документа

1
2
3

<script language="JavaScript">
clock_form();
</script>


 

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

 

 

 

 

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

Задание 1

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

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

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

Задание 2

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

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

К сдаче лабораторной предоставляются: работающие страницы на сервере.

Последнее изменение: пятница, 11 октября 2013, 13:19