JavaScript的运动——加速运动篇

加速运动是为后续学习弹性运动做铺垫，实例如下

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)
}

加速运动原理同物理中的相同，无难点，下篇讲弹性运动