为了账号安全,请及时绑定邮箱和手机立即绑定

clearInterval 无效

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style type="text/css">

div{

width: 200px;

background-color: red;

height:100px;

position: relative;

}

</style>

<script type="text/javascript">

window.onload=function (){

var div=document.getElementById("DIV");

var btn=document.getElementById("right");

var timer=null;

btn.onclick=function(){

clearInterval(timer);

timer=setInterval(function(){

if(div.offsetLeft==400){

clearInterval(timer);

}

else{div.style.left=div.offsetLeft+1+'px';}

},50)

};

};

</script>

</head>

<body>

<div id="DIV"></div>

<input type="button" value="right" id="right">

</body>

</html>


如果改了if(div.offsetLeft>=400) 则会在left:396px 停下来,这又是为什么?

正在回答

1 回答

已经搞清楚了。要先清除浏览器默认样式 body{margin:0;padding:0;}  要不然div.style.left=div.offsetLeft+1+'px';只会是每次加9

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JS动画效果
  • 参与学习       113924    人
  • 解答问题       1443    个

通过本课程JS动画的学习,从简单动画开始,逐步深入各种动画框架封装

进入课程

clearInterval 无效

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号