Запуск и останов повторения

Метод setInterval(выражение, интервал) (установить интервал) запускает выполнение выражения каждый раз, когда истечёт интервал, заданный в миллисекундах. Пример:
timer = window.setInterval('smaller()',500);

Здесь функция smaller будет выполняться непрерывно с интервалом в одну секунду. Переменная timer нужна для того, чтобы можно было остановить повторение.

В примере на предыдущей странице каждый щелчок на кнопке вызывает функцию smaller, которая уменьшает таблицу один раз на небольшую величину. Теперь сделаем так, чтобы по щелчку на кнопке запускалось непрерывное уменьшение таблицы. Для этого используем функцию smaller, но будем вызывать её непрерывно. Воспользуемся методом setInterval, а в качестве первого аргумента запишем функцию smaller.

<input type="button" value="Уменьшать" onClick="
timer = window.setInterval('smaller()',500);
">

Код в действии

Задание 1

В одном из заданий на предыдущей странице вы сделали скрипт, который по каждому щелчку на кнопке увеличивает картинку на небольшую величину. Теперь добавьте кнопку «Расти» и напишите для неё скрипт, который запускал бы процесс непрерывного увеличения картинки.

Метод setInterval повторяет выражение бесконечно. Для того, чтобы его остановить, существует метод clearInterval(timer) Этот метод останавливает таймер, созданный методом setInterval. Пример:
clearInterval(timer);

В следующем примере метод clearInterval вызывается кнопкой «Остановить»:
<input type="button" value="Остановить" onclick="clearInterval(timer);"/>

Код в действии

Задание 2

В предыдущем задании добавьте кнопку “Остановить”, которая прерывает процесс увеличения картинки.