基于原生js運(yùn)動(dòng)方式關(guān)鍵點(diǎn)的總結(jié)(推薦)
更新時(shí)間：2017年10月01日 08:54:20 作者：XmanL
下面小編就為大家?guī)硪黄谠鷍s運(yùn)動(dòng)方式關(guān)鍵點(diǎn)的總結(jié)(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
主要方法：定時(shí)器的運(yùn)用 setInterval(funnction(){},30);
為了避免最后時(shí)刻速度即將停止時(shí)的誤差，可以采用下面的方法：
if（iSpeed<1）//速度足夠小的時(shí)候，讓速度直接為0，避免速度的波動(dòng)
{
iSpeed = 0;
}
絕對(duì)值的運(yùn)用(主要運(yùn)用于彈性運(yùn)動(dòng)等速度有正負(fù)的情況)：
Math.abs(2.5)// 2
彈性運(yùn)動(dòng)和摩擦力的組合：
iSpeed+=(iTarget-obj.offsetLeft)/5; iSpeed*=0.7;
模擬摩擦力：
iSpeed*=0.95;//小數(shù)速度會(huì)越來越小
減速運(yùn)動(dòng)：
iSpeed--;
加速運(yùn)動(dòng)：
iSpeed++;
彈性運(yùn)動(dòng)：
iSpeed+=(300-oDiv.offsetLeft)/50;
碰撞運(yùn)動(dòng)：
iSpeed *= -1;
以上這篇基于原生js運(yùn)動(dòng)方式關(guān)鍵點(diǎn)的總結(jié)(推薦)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Web開發(fā)中客戶端的跳轉(zhuǎn)與服務(wù)器端的跳轉(zhuǎn)的區(qū)別
這篇文章主要介紹了Web開發(fā)中客戶端的跳轉(zhuǎn)與服務(wù)器端的跳轉(zhuǎn)的區(qū)別 ,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
統(tǒng)計(jì)出現(xiàn)最多的字符次數(shù)的js代碼
一小段代碼，經(jīng)常出現(xiàn)在面試筆試題中的：統(tǒng)計(jì)一個(gè)字符串中出現(xiàn)最多的字符的次數(shù)，可以是英文或者數(shù)字。2010-12-12
這是一個(gè)非常有趣的題目。我們先從Object.prototype.toString入手，看能否解決它。2010-02-02
遮照層效果實(shí)現(xiàn)代碼。2009-09-09
Bootstrap每天必學(xué)之滾動(dòng)監(jiān)聽
Bootstrap每天必學(xué)之滾動(dòng)監(jiān)聽，對(duì)Bootstrap滾動(dòng)監(jiān)聽感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了在 JavaScript 中用下劃線替換空格的方法,本文通過示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-05-05
當(dāng)頁面上存在一個(gè)圖片元素時(shí)如：<img src='xxxx' alt="" />,頁面加載中ie7、8跟chrome下圖片的onload事件非常奇怪，有后完全不觸發(fā)，有時(shí)候觸發(fā)后進(jìn)行改變某些元素的操作，操作結(jié)果無效。2011-07-07
javascript中先加加和后加加區(qū)別 ++a和a++區(qū)別解析
從學(xué)習(xí) javascript 開始,就對(duì) 先加加 和 后加加 模糊不清,時(shí)至今日,再來學(xué)習(xí)一下,這篇文章主要介紹了javascript中先加加和后加加區(qū)別++a和a++區(qū)別解析,需要的朋友可以參考下2023-09-09
CSDN上快速結(jié)貼的方法，JS實(shí)現(xiàn)
CSDN上快速結(jié)貼的方法，JS實(shí)現(xiàn)...2007-03-03
js實(shí)現(xiàn)點(diǎn)擊獲取驗(yàn)證碼倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)點(diǎn)擊獲取驗(yàn)證碼倒計(jì)時(shí)效果，這種效果大家經(jīng)常遇到，示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-10-10