js写匀速运动中止

  • 时间:2018-06-06 01:50 作者:下班很无聊 来源:下班很无聊 阅读:93
  • 扫一扫,手机访问
摘要:一、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)
最新发布的资讯信息
【系统环境|】2019蚂蚁金服面试总结(Java方向)(2019-04-18 16:19)
【系统环境|】notepad++ 三位数字正则替换规则(2019-04-12 23:02)
【系统环境|服务器应用】网络工程师跨交换机的Vlan配置与管理知识(2019-03-26 02:14)
【系统环境|服务器应用】最小化的定制版linux系统:CoreOS(2019-03-26 02:14)
【系统环境|服务器应用】分布式系统面试题:分布式事务处理方案?(2019-03-26 02:13)
【系统环境|服务器应用】带着网关去旅行(系列二):防止vps上ssh端口被恶意扫描(2019-03-26 02:13)
【系统环境|服务器应用】美团iOS面试总结(2019-03-26 02:13)
【系统环境|服务器应用】百度iOS面试总结(2019-03-26 02:13)
【系统环境|服务器应用】Java大佬之学习历程(三)(2019-03-26 02:13)
【系统环境|服务器应用】Android面试集锦系列(38)——在项目中使用AsyncTask会有什么问题吗?(2019-03-26 02:13)
手机二维码手机访问领取大礼包
返回顶部