logo
Vvedenie_v_Veb_programmirovanien_2 / Vvedenie_v_Veb_programmirovanien_2

Создание простых сценариев

Пример : Сценарий определения текущего времени

Одно из привычных использований 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="http://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>