Тайминг

ВНИМАНИЕ! Конкурс по программированию!

Проект Programmers.kz и школа hotPen3D2D предлагает Вам курсы по веб-дизайну, веб-программированию и компьютерной графике. Подробности здесь.

Информация к новости

Просмотров: 1195
Автор: КазКиберГетик

(голосов: 0)

Категория: WEB-программирование » JavaScript » Уроки JavaScript

Все мы часто замечали, что вне зависимости от наших действий на странице через определенный интервал времени что-то происходит. Это задается также с помощью объекта window.

Для начала необходимо задать временной интервал, через который эти события будут происходить. Для этого у объекта window есть метод setInterval. Синтаксис следующий:

setInterval(Expr, Msec, Lang)

Exp: Вызываемая процедура (это может быть функция, свойство тэга, элемента формы).
Msec: Выставление временного интервала в миллисекундах.
Lang: Не обязательный параметр, определяющий язык написания скрипта вызываемой процедуры
(Java Script, и т.д.)

Давайте, для начала рассмотрим как в Java Script формируются массивы, а потом применим их для реализации нашей задумки.

Массив в Java Script можно создать тремя способами:

new Array()
new Array(size)
new Array(element0, element1, ..., elementn)

size

Размер массива.

element0, ...

Элементы массива.

Например:

var my_array = new Array();
for (j = 0; j < 10; j++)
{
my_array[j] = j;
}
x = my_array[4];

или

var my_array = new Array("1", "2", "3");

Теперь создадим HTML-страницу interval.htm.

<html>
<head>
<title>Тайминг</title>
</head>
<body onLoad="initarr();">
<p id=myp>0</p>
</body>
</html>

Вот такая вот маленькая страничка. Теперь рассмотрим, что должно происходить с тэгом <p> с идентификатором id=myp. С ним мы свяжем функцию NumCounter(), которая будет выводить числа от нуля до девяти с интервалом в 1 секунду. Пока только вывод, без привязки ко времени. И разберемся с тем, что будет делать функция initarr(). Функция NumCounter() помещается в тело тэга <head> ... </head>.

if(i > 9) i = 0;
}

function initarr()
{
for (j = 0; j < 10; j ++)
   mytext[j] = j; // инициализация массива
                            // числами от 0 до 9.
document.write("Массив инициализирован<br>");

}
</script>

Здесь мы создали и инициализировали массив. Т.е. при загрузке нашего HTML-доккумента происходит вызов функции initarr(), где инициализируется массив. А теперь в тело тэга <body> запишем следующее:

Теперь перепишем код нашего HTML-документа с учетом наших добавлений.

<html>
<head>
<title>Тайминг</title>

<script>
var mytext = new Array();
var i = 0;

function NumCounter()
{
myp.innerText = mytext[i];
i ++;
if(i > 9) i = 0;
}
function initarr()
{
for (j = 0; j < 10; j ++)
mytext[j] = j;
}
</script>
</head>
<body onLoad="initarr();">
<script>
setInterval("NumCounter()", 1000);
</script>
<p id=myp>0</p>
</body>
</html>

При запуске этой странички в ней должен будет осуществляться бесконечный перебор цифр от нуля до девяти. Поэкспериментируйте с ней.

Источник: web-brodilka.ru

Вернуться Комментариев: 0

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Комментарии (0)

Тайминг

Наш сайт рекомендует:

Добавление комментария