美文网首页
用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来模拟角色放大招

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

  • virtual dom

    virtual dom --- 即虚拟dom 1.用js模拟DOM结构 2.DOM变化的对比,放在js层来做(js...

  • NO.108 只是开始,不是结束

    你们以为我会放什么大招呢?你们要我放什么大招呢?你们觉得我能有什么大招呢?我可以负责任地用四个字告诉你们: 根~本...

  • 虚拟 DOM 的原理是什么?

    概念 React 用 JS 对象来模拟 DOM 节点,然后将其渲染成真实的 DOM 节点。 用 JSX 语法写出来...

  • 2020-09-11

    什么是虚拟Dom 指的是用js对象的形式,来模拟页面上Dom嵌套关系。(以js对象的形式存在的) 生成vNode-...

  • 实践项目

    用Node.js+Mock.js模拟http请求仿饿了么微信小程序 跟随教程用Node.js+Webpack+ES...

  • JS数组

    1.js数组是什么? 1.1真实的数组 其实js不是典型的数组,是用对象来模拟的数组,真实的数据应该 元素的数据类...

  • JS模拟实现函数call、apply、bind方法 argume

    1. 用js(模拟)实现apply、call、bind 因为它原生是用c++ 接下来外面来实现一下apply、ca...

  • JS数组的相关知识

    首先要明确一点,JS其实没有真正的数组,只是用对象来模拟数组。以下是典型数组与JS数组之间的不同。 典型的数组 元...

  • Day7:virtual dom & MVVM

    virtual dom 什么是virtual dom 虚拟dom 用JS模拟DOM结构 DOM变化的对比,放在JS...

网友评论

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

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