最近在用H5的项目,关于运动的js代码用到很多,写了一份简单的运动框架,供大家使用,只需要导入即可,调用方法就可以实现简单的运动
/** * Created by ios1 on 17/4/8. */ function getStyle(obj,attr) { if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return window.getComputedStyle(obj,false)[attr]; } } function startMove(obj,json,Func) { clearInterval(obj.timer); obj.timer = setInterval(function () { var stop=true; for (var attr in json){ var currentAttr = 0; if(attr == 'opacity'){ currentAttr = Math.round(parseFloat(getStyle(obj,attr))*100); }else{ currentAttr = parseInt(getStyle(obj,attr)); } var speed = (json[attr] - currentAttr)/5; speed = speed>0?Math.ceil(speed):Math.floor(speed); if(json[attr] != currentAttr) stop = false; if(attr =='opacity'){ obj.style.opacity = (currentAttr + speed)/100; obj.style.filter = 'alpha(opacity:'+(currentAttr + speed)+')' }else{ obj.style[attr] = currentAttr + speed +'px'; } } if (stop){ clearInterval(obj.timer); if(Func)Func(); } },30); }