加速运动是为后续学习弹性运动做铺垫,实例如下
html代码:
<div></div>
css代码
div {
width: 100px;
height: 100px;
position: absolute;
left: 0;
top: 0;
background-color: steelblue;
cursor: pointer;
}
js代码
var oDiv = document.getElementsByTagName('div')[0];
oDiv.onclick = function () {
startMove(this);
}
function startMove(dom) {
clearInterval(timer);
var speed = 30;
var a = -2;
var timer = setInterval(function () {
speed = speed + a;
dom.style.left = dom.offsetLeft + speed + 'px';
console.log(dom.style.left);
},30)
}
加速运动原理同物理中的相同,无难点,下篇讲弹性运动