用JS来模拟角色放大招

var oDiv=document.querySelector('#box');

var oImg=document.querySelector('#box1');

var n=1,m=1,s=0;

var timer,timer1;

function clock() {

n++;

    if(n==4){

n=1;

    }

oImg.style.background='url("gameImg/0'+n+'.png")';

}

timer=setInterval(clock,200);

oDiv.onclick=function () {

clearInterval(timer);

    clearInterval(timer1);

    timer1=setInterval(function () {

s++;

        m++;

        if(m==4){

m=1;

        }

if(s==3){

s=0;

            clearInterval(timer1);

            timer=setInterval(clock,200);

        }

oImg.style.background='url("gameImg/fight0'+m+'.png")';

    },100);

}


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容