[DOM]Browser对象setinterval小人走路游戏练习题

setinterval与clearinterval函数的综合运用练习题
虽然很基础 但是基础就像金刚一样 要熟练自如….
interval其英文大意是间隔的意思间隔 利用事件驱动 -》利用时间（ms）不断循环调用运行这里与setimeout && cleartimeout的唯一区别就是timeout方法只运行一次函数就结束

下面我们编写小人走路，需要做走路的侦图片 假如有0-7png 8个图 这里省略美工的知识。。
只写停止和继续 加速减速比较简单 自己解决下吧…
<img id=”boy” src=”1.png” /><br/>

<input type=”button” value=”加速”/>

<input type=”button” value=”减速”/>

<input type=”button” value=”停止” onclick=”sendCommand(this)”/>

<input type=”button” value=”开始” onclick=”sendCommand(this)”/>

 

<script type=”text/javascript”>

var boy=document.getElementById(“boy”);

var img_no=0;

function start(){

//计时器需要经常和取模搭配。使得图片可以无限制的替换下去，不会因为图片个数的原因而停止。

var no=((img_no++)%8);

boy.src=no+”.png”;

}

function stop(){

window.clearInterval(time1);

}

 

//每隔一秒切换一次图片

var time1=””;

function sendCommand(obj){

switch(obj.value){

case “开始”:

time1=setInterval(“start()”,100);

break;

case “停止”:

stop();

break;

}

}