Лекция: Создание простых сценариев
Пример: Сценарий определения текущего времени
Одно из привычных использований JavaScript — это отображение даты и времени в соответствии с временным поясом места жительства пользователя. Для получения текущей даты и времени используется объект Date и его методы.
<!-- пример pr3 -->
<html>
<hеаd>
<title>Отображение даты</title>
</hеаd>
<body>
<h1>Текущее время и дата</h1>
<p>
<script type=«text/javascript»>
var now = new Date();
var localtime=now.toString();
var hours=now.getHours();
var mins=now.getMinutes();
var secs=now.getSeconds();
document.write("<b>Текущее время: </b>" + localtime + "<br>");
document.write("<font size='+5'>");
document.write (hours + ":" + mins + ":" + secs);
document.write("</font>");
</script>
</body>
</html>
Пример: Бегущая строка
<!-- пример pr4 -->
<html>
<hеаd><title>Пример бегущей строки</title>
<script type=«text/javascript»>
var msg = «Это пример бегущей строки.»;
var spacer = "… ...";
var pos = 0;
function ScrollMessage()
{window.status = msg.substring(pos, msg.length) + spacer + msg.substring(0,pos);
pos++;
if (pos > msg.length) pos = 0;
window.setTimeout(«ScrollMessage()»,200);
//установка времени прерывания
}
ScrollMessage();//вызов функции
</script>
</head>
<body>
<h1>Пример бегущей строки</h1>
Взгляните на строку состояния в нижней части окна браузера-окне состояния.
</body></html>
Пример: Смена изображения
<!—пример pr5: Использование события для смены изображения-->
<html> <body>
<h1>Событие onmouse </h1>
<a href=«bsu.by»>
<img src=«s1.jpg» name=«ris» width=«100px» hight=«100px»
onmouseover=«ris.src='s2.jpg';
»onmouseout=«ris.src='s3.jpg';»>
</a>
</body>
</html>