Дата и время в HTML-документах

Опубликовано MuHyc в Вс, 09/04/2011 - 12:23

Для работы с датой и временем предназначен объект Date. Объект Date относится к числу встроенных объектов. Такие объекты имеют две особенности. Первая заключается в том, что они существуют независимо от содержания конкретного документа. Вторая особенность — необходимость создания конкретного экземпляра объекта, к которому и применяются многочисленные методы объекта Date. Конкретный экземпляр объекта Date создается оператором new с помощью конструктора Date () следующим образом:

имя_экземпляра_объекта = new Date() Например: nd = new Date ().

Познакомимся с некоторыми методами объекта Date:

о getDate () — возвращает текущий день месяца (131). Пример записи:

ND = new Date () Dm = ND.getDate()

Переменной Dm будет присвоено значение текущего дня месяца;

о getDayO — возвращает порядковый номер текущего дня недели (06), начиная с воскресенья;

о getMontho — возвращает номер текущего месяца (011), начиная с января;

о getFuiiYear о — возвращает текущий год;

о getHours — возвращает текущий час суток (023);

о getMinutes о — возвращает текущую минуту (059);

о getseconds о — возвращает текущую секунду (059);

о toLocaiestring () — преобразует значение даты в строку символов в формате, соответствующем настройке операционной системы.

В дальнейшем при создании программ нам понадобится свойство innerText, которое применяется в основном для меток-контейнеров и позволяет заменить их текстовое содержимое, а при его отсутствии — добавить текст.

Примеры использования свойства 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 поочередно применяется к контейнерам с индивидуальными именами stri,..., str8, что приводит к добавлению текста в пустые контейнеры.