JS实现缓冲运动效果的方法
本文介绍了JS实现缓冲运动效果的方法，供大家参考，具体分析如下：这个例子可以在开始时很快完成，然后慢下来直到效果停止。
主要点uff1a
速度=（目标框。offsetleft） / 8；
价值目标点的负元素的当前位置除以8，因为这offsetleft值总是越来越大，所以速度的值总是小于。
速度=速度> 0math.ceil（速度）：Math.floor（速度）；
前进速度在四舍五入时，反向速度向下转。
代码uff1a
非所有权文件
<！——
体{ margin: 0；padding: 0；字体：宋体12px / 1.5；}
#箱{宽度：100px；身高：100px；位置：绝对的；
背景：# 06c；左：0；}
-->
<！——
在window.onload =函数（）{
VaR箱= document.getelementbyid（盒子）；
VaR建立document.getelementbyid（-）；
var定时器= null；
btn.onclick =函数（）{
（300）startrun；
}
功能startrun（目标）{
ClearInterval（定时器）；
定时器= setInterval（）{（）函数（
速度=（目标框。offsetleft） / 8；
速度=速度> 0math.ceil（速度）：Math.floor（速度）；
如果（box.offsetleft = =目标）{
ClearInterval（定时器）；
其他{ }
box.style.left =箱。offsetleft +速度+PX；
}
document.getelementbyid（ABC）.innerHTML +=盒。offsetleft + '，' +速度+；
}，30）；
}
}
<文本ID =ABC列为50行=10
风格=保证金：130px>
希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。