javascipt 变速运动问题

今天在实现dom对象变速运动的时候发现了一个问题,以下是js代码关于速度的部分:

timer = setInterval(function(){
    //...
    console.log(oDiv.offsetLeft);//每次跑剩余行程的10分之一,以达到速度减缓的效果
    oDiv.style.left = oDiv.offsetLeft+(target-oDiv.offsetLeft)/10+'px';
    //...
}, 30);

从效果上看是没问题的,但从日志看很明显就有问题:
变速运动日志
可以看出每次移动都是对计算值进行了四舍五入取整,最终当计算值小于0.5时进入了死循环。

解决方法

当计算值小于1的时候统一按1处理

oDiv.style.left = oDiv.offsetLeft+Math.max((target-oDiv.offsetLeft)/10, 1)+'px';
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值