Уметь запустить мультипликацию конечно хорошо, но нередко возникает необходимость управлять воспроизведением мультипликации. Например создание слайд–шоу на вашей странице, которое может быть запущенно и остановленно путем нажатия на различные элементы управления.
Рассмотрим простой пример, реализующий управление воспроизведением анимации:
<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().
Как вы и сами прекрасно понимаете при помощи этого метода можно уничтожить порождение потоков вычислений, заставляющих бесконечно много раз повторяться цикл, тем самым остановив мультипликацию.
Источники
http://www.seoded.ru/beginner/soderg.html
