當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript的运动——加速运动篇
生活随笔
收集整理的這篇文章主要介紹了
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) }加速運動原理同物理中的相同,無難點,下篇講彈性運動
總結
以上是生活随笔為你收集整理的JavaScript的运动——加速运动篇的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JavaScript的运动 —— 缓冲运
- 下一篇: JavaScript的运动——弹性运动原