Джо Бернс
Урок 24. Введение в циклы FOR.

Концепция

Все языки программирования имеют дело с циклами (loop). В JavaScript бывают циклы двух видов: While и For.

В двух словах, циклы For используются, когда известно количество повторений. Циклы While — когда вы не знаете точно, сколько раз нужно повторять команду. В сегодняшнем примере мы рассмотрим цикл For.

Скрипт

<HTML>
<HEAD>
</HEAD>
<BODY>
<H3>Посчитаем до пяти</H3>
<SCRIPT language="JavaScript">
for (i=1; i<=5; i=i+1)
{
document.write(i + "<BR>");
}
</SCRIPT>

...вот и все.

</BODY>
</HTML>


Эффект

Посчитаем до пяти

...вот и все.

Разбор скрипта
  • Во-первых, какой короткий скрипт. Можно немножко отдохнуть, как вам кажется? Вот чистый скрипт без текста, который мы добавили для красоты:
<SCRIPT LANGUAGE="JavaScript">
   for (i=1; i<=5; i=i+1)
{}
</SCRIPT>
  • Посмотрим на синтаксис фрагмента for (i=1; i>5; i=i+1). В нем три части. Все они разделены точкой с запятой.
  • i=1 устанавливает начальное значение переменной, управляющей циклом. В данном случае это 1, но можно было установить 10 или 100. Это просто точка отсчета.
  • i > 5 условие, определяющее, сколько в цикле будет повторений. В нашем случае цикл будет повторяться, пока i не станет больше пяти. Видите? Мы начали с одного и досчитаем до пяти.
  • i=i+1 определяет значение прибавляемой величины. В нашем случае программа будет прибавлять 1 к i. Программа может прибавлять и 2, и 20, и 567.
  • Наконец команда document.write, печатающая цифры на странице. Обратите внимание на <BR>. Так цифры печатаются с новой строки. С таким же успехом можно было написать их в одну строку, разделив запятыми.
  • Этот JavaScript повторится пять раз, написав на странице цифры от 1 до 5. Мы могли бы заставить его досчитать до миллиона, но на это ушло бы слишком много места и времени.
Ваше задание

Напишите документ HTML с заголовком "Держите шляпу!". Начните с белого фона. Потом с помощью JavaScript досчитайте до 50000.
На этом этапе цвет фона меняется на желтый и появляется текст: "Скоро будет еще один цветной сюрприз..."
Снова досчитайте до 50 тысяч, и тогда фон должен снова поменяться. Успеха.

Подсказка: никаких команд в {фигурные скобки} ставить не надо.

Назад | Содержание | Вперед

Джо Бернс
Введение
Сообщения об ошибках
Дата и время
Команда onMouseOver
Еще обработчики событий
Запрос пользователю
Концепция свойств
Иерархия объектов
Создание функции
onUnload и onMouseOut
Новые окна
Новые окна (прод.)
Метод confirm
Математ. переменные
Смена картинки
Смена через функцию
Функция внутри формы
Форма и свойство value
Данные в функцию
Случайные числа
Введение в if
If и Else
Случайный выбор
Введение в FOR
Введение в WHILE
Введение в массивы
Слайд-шоу
Анимация
Подтверждение ввода