Запуск и остановка мультипликации

Уметь запустить мультипликацию конечно хорошо, но нередко возникает необходимость управлять воспроизведением мультипликации. Например создание слайд–шоу на вашей странице, которое может быть запущенно и остановленно путем нажатия на различные элементы управления.

Рассмотрим простой пример, реализующий управление воспроизведением анимации:

<script>

i=1;

flag=0;

function run3()

{

if (flag==0)

{

eval("document.i3.src='

../img/run"+i+".gif'");

i++;

if(i>3) i=1;

}

setTimeout("run3();",500);

}

</script>

<form >

<input type="button"

onClick="if (flag==0) flag=1;

else flag=0"

value="остановить/возобновить">

</form>

<a href="javascript:run3();

void(0);">

<img name="i3" src="

../img/run1.gif">

</a>

В нашем примере мы создаем дополнительную кнопку изменяющую переменную flag с 0 на 1 при нажатии. И немного доработали наш скрипт. Теперь внутри скрипта происходит проверка условия равна ли переменная flag 0 и если равна, то происходит отображение анимации, а если нет то картинка остается статической.

Конечно это далеко не единственный способ управления мультипликацией. Ведь например, можно использовать метод clearTimeout().

Как вы и сами прекрасно понимаете при помощи этого метода можно уничтожить порождение потоков вычислений, заставляющих бесконечно много раз повторяться цикл, тем самым остановив мультипликацию.