var div=document.getElementsByTagName("div")[0]
var btn=document.getElementsByTagName("button")[0]
function startMove(dom,target,speed){//目标元素,目标点(数字),速度
var speed=(target-dom.offsetLeft)>0?speed:-speed;
var flag=true;
btn.onclick=function(){
if(flag){
flag=false;
var timer=setInterval(function(){
if(Math.abs(target-dom.offsetLeft)<=Math.abs(speed )){
clearInterval(timer)
dom.style.left=target+"px";
}else{
dom.style.left=dom.offsetLeft+speed+"px";
}
},30)
}
}
}
startMove(div,600,8);
原生js匀速运动
最新推荐文章于 2022-01-10 20:56:54 发布