美文网首页
用JS来模拟角色放大招

用JS来模拟角色放大招

作者: 西瓜涼了夏天 | 来源:发表于2018-09-24 20:12 被阅读0次

    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);

    }

    相关文章

      网友评论

          本文标题:用JS来模拟角色放大招

          本文链接:https://www.haomeiwen.com/subject/zrehoftx.html