Техника Web-дизайна для студента
Дата и время в HTML-документах
Для работы с датой и временем предназначен объект Date. Объект Date относится к числу встроенных объектов. Такие объекты имеют две особенности. Первая заключается в том, что они существуют независимо от содержания конкретного документа. Вторая особенность — необходимость создания конкретного экземпляра объекта, к которому и применяются многочисленные методы объекта Date. Конкретный экземпляр объекта Date создается оператором new с помощью конструктора Date () следующим образом:
Имя_экземпляра_объекта = new Date()
Например: nd = new Date ().
Познакомимся с некоторыми методами объекта Date:
□ getDateO — возвращает текущий день месяца (131). Пример записи:
ND = new Date ()
Dm = ND. getDateO
Переменной Dm будет присвоено значение текущего дня месяца;
□ getDayO — возвращает порядковый номер текущего дня недели (06), начиная с воскресенья;
О getMontho — возвращает номер текущего месяца (011), начиная с января;
□ getFuiiYear о — возвращает текущий год;
О getHours — возвращает текущий час суток (023);
О getMinutes о — возвращает текущую минуту (059);
О getseconds о — возвращает текущую секунду (059);
О toLocaiestring () — преобразует значение даты в строку символов в формате, соответствующем настройке операционной системы.
В дальнейшем при создании программ нам понадобится свойство innerText, которое применяется в основном для меток - контейнеров и позволяет заменить их текстовое содержимое, а при его отсутствии — добавить текст. Примеры использования свойства innerText и методов объекта Date приведены в листинге 8.20.
Листинг 8.20. Примеры использования свойства InnerText и методов объекта Date
<head>
<title>o6beKT Date</title>
<script> dat=new Date() function D()
{dl=dat. getDate() strl. innerText=dl
D2=dat. getDay() str2.innerText=d2 d3=dat. getFullYear() str3.innerText=d3 d4=dat. getHours() str4.innerText=d4 d5=dat. getMinutes () str5.innerText=d5 d6=dat. getSeconds() str6.innerText=d6 d7=dat. getMonth () str7.innerText=d7 d8=dat. toLocaleString() str8.innerText=d8 }
</script>
</head>
<body onLoad=D() style="font-size=12pt; font-weight=700">
<span id="strl"x/span> - день месяца<Ьг>
<span id="str2"x/span> - день недели<Ьг>
<span id="str3"x/span> - полный год<Ьг>
<span id="str4"x/span> - час суток<Ьг>
<span id="str5"x/span> - минуты<Ьг>
<span id="str6"x/span> - секунды<Ьг>
<span id="str7"x/span> - месяц<Ьг>
<span id="str8"x/span> - полная дата и время<Ьг>
</body>
</html>
В качестве конкретного экземпляра объекта Date создан объект dat, к которому применяются методы объекта Date. Свойство innerText поочередно применяется к контейнерам с индивидуальными именами strl, str8, что приводит к добавлению текста в пустые контейнеры.
Вид документа в окне браузера показан на рис. 8.13.
'Э объект Date - Microsoft Internet Explorer - [Авт... И
Файл Правка Вид Избранное Сервис Спр
17- день месяца 2- день недели 2004- полный год 13- час суток 21- минуты 34- секунды 7- месяц
|
JЙ |
17 августа 2004 г. 13:21:34-полная дата и время
Рис. 8.13. Результат использования методов объекта Date
