JavaScript的运动——加速运动篇

JavaScript的运动——加速运动篇

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

html代码:

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)

}

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

相关推荐

LM3886的特点与引脚功能
bat365软件下载

LM3886的特点与引脚功能

📅 07-04 👁️ 4462
国外十大app榜中榜
bat365软件下载

国外十大app榜中榜

📅 07-08 👁️ 2216
鋁合金種類介紹:了解八大系列編號及加工方法的區分