Главное меню
|
 |
Отображение даты и времени
с помощью JavaScript
Отображение системного времени осуществляется при помощи объекта
Date. Объект
Date создается следующей строкой:
var today = new Date();
В переменную
today заносится дата и время,
извлеченное из системного таймера компьютера в момент выполнения
кода сценария. Но в сценариях можно создать объект
Date с информацией о любой
произвольной дате, для этого нужно указать в скобках после
Date нужную дату. Пример
отображения даты на странице смотрите в разделе
"Примеры сценариев".
Для выведения дней недели и названий месяцев словами должен быть
примирено такой сценарий:
...
<body>
<p name='clock' id='clock' align='center'></p>
<script>
days = new Array("Понедельник", "Вторник", "Среда",
"Четверг","Пятница", "Суббота", "Воскресение");
months = new Array("Января", "Февраля", "Марта",
"Апреля","Мая", "Июня", "Июля", "Августа", "Сентября",
"Октября", "Ноября", "Декабря");
today = new Date();
clock.innerHTML += (days[today.getDay()] + "<br>");
clock.innerHTML += (today.getDay() + " " + months[today.getMonth()]
+ " " + today.getYear());
</script>
</body>
...
Правда в таком коде есть маленький недостаток, так
как в англоязычных странах неделя начинается с воскресения, то
браузер будет отображать вместо воскресения понедельник, вместо
понедельника вторник, и т.д. Для того чтобы исправить этот
недочет нужно сдвинуть названия дней недели на один вперед:
("Воскресение", "Понедельник", "Вторник", "Среда",
"Четверг","Пятница", "Суббота").
Для
того чтобы выводить на экран отдельно время и отдельно день и
год нужно подкорректировать существующий код удалив ненужные
строки:
Для вывода
только времени
...
<body>
<p name='clock'
id='clock' align='center'></p>
<script>
today = new Date();
clock.innerHTML =
today.getHours() + ((today.getHours()<10) ? "0:" : ":") + ((today.getMinutes()<10)
? "0:" : ":") + today.getMinutes() + "<br>";
</script>
</body>
...
Для
вывода только даты
...
<body>
<p name='clock'
id='clock' align='center'></p>
<script>
days = new
Array("Воскресение", "Понедельник", "Вторник", "Среда", "Четверг","Пятница",
"Суббота");
months = new
Array("Января", "Февраля", "Марта", "Апреля","Мая", "Июня", "Июля",
"Августа", "Сентября", "Октября", "Ноября", "Декабря");
today = new Date();
clock.innerHTML += (days[today.getDay()]
+ "<br>");
clock.innerHTML += (today.getDay()
+ " " + months[today.getMonth()] + " " +
today.getYear());
</script>
</body>
...
Хотя объект Date
по умолчанию возвращает строку текста, данные в нем хранятся в
другом формате - целое число, представляющее из себя количество
миллисекунд, прошедших с полуночи 1 января 1970 год (т.н.
"базовая дата"). Это число называется примитивным значением
объекта Date. Для его
возвращения используется метод valueOf().
Данный метод широко применяется для определения числа
дней до какой-то определенной даты.
|
