Техника Web-дизайна для студента
Электронный календарь
Рассмотрим пример создания документа, представляющего собой "электронный календарь". Текст документа представлен в листинге 8.21.
Листинг 8.21. Пример создания "электронного календаря"
<html>
<head>
<t i 11е>Календарь </1 i tle>
<script>
Dn_ned=new Array("Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота")
Function vr()
{dat_vrem=new Date() //создается экземпляр объекта Date()
Dn=dat_vrem. getDay() //метод getDayO возвращает порядковый номер дня недели
Str=dat_vrem. toLocaleString() //метод toLocaleString() преобразует значение даты и времени в строку
Vrdn. innerText=dn_ned[dn] // в метку <span> с именем vrdn вставляется название дня недели
Vrd. innerText=str
SetTimeout("vr()", 1000)
</script>
</head>
<body onLoad="vr()">
<hl align="center">3JIEKTP0HHbM КАЛЕНДАРЬ <pxspan id="vrdn"x/span>
<pxspan id="vrd"x/span>
</hl>
</body>
</html>
Рис. 8.14. "Электронный календарь" в окне браузера |
В тексте программы имеются комментарии, поясняющие назначение отдельных операторов. Можно лишь добавить, что первоначально функция Vг (} вызывается после загрузки документа. В дальнейшем, используя метод веІіТІтеоїЛ () , функция УГ() вызывает саму себя через каждую секунду. По понятным причинам прекращение действия метода зеИітеоиМ) не предусматривается. Результат показан нарис. 8.14.