Джо Бернс Урок 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
Введение в массивы
Слайд-шоу
Анимация
Подтверждение ввода
|