Укажите скорость анимации: (fast, medium, slow)

Показать анимацию

Я включил в программу окно alert, чтобы показать вам значение переменной howfast (как быстро). alert — это хороший способ разобраться в значении переменных, если программа ведет себя не так, как хотелось бы.

Еще обратите особое внимание на sp (speed, скорость) внутри функции startshow(). Это позволяет передавать в функцию данные, которые вводит пользователь.

И последнее — метод toUpperCase(). С его помощью все варианты написания «slow», «Slow», «sLOW» преобразуются в «SLOW».

Вот скрипт:

<html>
<head>
<script language="JavaScript">
    num=1
    img1 = new Image ()
    img1.src = "pic1.gif"
    img2 = new Image ()
    img2.src = "pic2.gif"
    img3 = new Image ()
    img3.src = "pic3.gif" 
    function startshow(sp)
    {
       howfast=1600
       if (sp.toUpperCase() == "SLOW")
         {howfast=2400}
       if(sp.toUpperCase() == "FAST")
         {howfast=800}
       alert(howfast)
       for (i=1; i<21; i=i+1)
          {document.mypic.src=eval("img"+num+".src")
           for(x=1; x<howfast; x=x+1)
             {}
           num=num+1
           if(num==4)
              {num=1}
           }
           document.mypic.src=img1.src
    }
</script>
</head>
<body>
<center>
<form name="myform">
<img src="pic1.gif" name="mypic" border=0>
<p>
Укажите скорость анимации: (fast, medium, slow) <input type="text" value="medium" name="speed">
<p>
<a href="JavaScript:startshow(document.myform.speed.value)">Показать анимацию</a>
</center>
</form>
</body>
</html>

Вперед, на урок 29

Hosted by uCoz