js寫勻速運動中止

  • 時間:2018-06-06 01:50 作者:下班很無聊 來源:下班很無聊 閱讀:249
  • 掃一掃,手機訪問
摘要:一、HTML二、CSS#dog{display:block;width:100px;position: absolute;left: 0px;top:60px;}.bone{width: 100px;position:absolute;left: 410px;}三、scriptfunction st

一、HTML

二、CSS

#dog{

display:block;

width:100px;

position: absolute;

left: 0px;

top:60px;

}

.bone{

width: 100px;

position:absolute;

left: 410px;

}

三、script

js寫勻速運動中止

js寫勻速運動中止

function startMove(iTarget){

var oDog=document.getElementById('dog');

clearInterval(timer);

timer=setInterval(function(){

var iSpeed=0;

if (oDog.offsetLeft>iTarget) {

iSpeed=-7;

}

else{

iSpeed=7;

}

if (Math.abs(oDog.offsetLeft-iTarget)<7) {

clearInterval(timer);

oDog.style.left=iTarget+'px';

}

else{

oDog.style.left=oDog.offsetLeft+iSpeed+'px';

}

},30)

}

var timer=null;

window.onload=function(){

var oBtn=document.getElementById('btn1');

oBtn.onclick=function(){

startMove(330);

}

}

四、實際效果

js寫勻速運動中止

有寫的不對的地方,請大家指出,共同學習,共同進步;

喜歡請收藏,想看更多內容,請關注!

js寫勻速運動中止

  • 全部評論(0)
最新發布的資訊信息
【系統環境|】阿里云服務器Centos7搭建pptp VPN 一鍵安裝腳本 親測好用(2020-03-18 02:39)
【系統環境|服務器應用】在CentOS 7上如何安裝Gogs 0.11.53(2020-02-10 10:14)
【系統環境|】淘碼庫,據消息稱已被調查。淘碼庫源碼網,已經無法訪問!(2020-01-14 04:13)
【系統環境|服務器應用】Discuz隱藏后臺admin.php網址修改路徑(2019-12-16 16:48)
【系統環境|服務器應用】2020新網站如何讓百度快速收錄網站首頁最新方法,親測有用!免費(2019-12-16 16:46)
【系統環境|服務器應用】Discuz發布帖子時默認顯示第一個主題分類的修改方法(2019-12-09 00:13)
【系統環境|軟件環境】Android | App內存優化 之 內存泄漏 要點概述 以及 處理實戰(2019-12-04 14:27)
【系統環境|軟件環境】MySQL InnoDB 事務(2019-12-04 14:26)
【系統環境|軟件環境】vue-router(單頁面應用控制中心)常見用法(2019-12-04 14:26)
【系統環境|軟件環境】Linux中的Kill命令(2019-12-04 14:26)
手機二維碼手機訪問領取大禮包
返回頂部
2019白小姐旗袍图库