Web - кодинг: JavaScript:


Самоучитель по JavaScript
Урок 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 тысяч, и тогда фон должен опять поменяться. Успеха.

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

    Примечание: Владельцам компьютеров на 900MHz и выше лучше выбрать числа побольше, иначе эффекта практически не видно.

    Вперед, на Урок 25

    Авторы и Эндри Грауни.

    ©
    Перевод © Татьяна.





    При перепечатке любого материала с сайта, видимая ссылка на источник www.warayg.narod.ru и все имена, ссылки авторов обязательны.

    © 2005
     

    Hosted by uCoz