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

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
提交
取消

clearInterval 无效

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信