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

关于取消定时器——clearInterval

<style type="text/css">
    *{margin: 0;padding: 0;}
    #box1{width: 200px;height:200px;position: relative;left: -200px;top: 0;background-color: red;}
    #box1 span{width: 20px;height: 50px;background-color: blue;position: absolute;left: 200px;top: 75px;}
</style>
<script>
    window.onload=function(){
        var oDiv=document.getElementById("box1");
        oDiv.onmouseover=function(){
            starMove();
        };
    };
    var timer=null;
    function starMove(){
        clearInterval(timer);
        var oDiv=document.getElementById("box1");
        timer=setInterval(function(){
            if(oDiv.offsetLeft==0){
                clearInterval(timer);
            }
            else {
                oDiv.style.left=oDiv.offsetLeft+1+"px";
            }
        },30)
    }

没有设置*{margin: 0;padding: 0;}时为什么clearInterval(timer)没有作用

正在回答

2 回答

我写的是对的,我的意思是去掉*{margin:0;padding:0}为什么会导致定时器取消不起作用

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

我用你的代码测试了下是可以的

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

myeclipse0 提问者

我写的是对的,我的意思是去掉*{margin:0;padding:0}为什么会导致定时器取消不起作用
2016-05-21 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

关于取消定时器——clearInterval

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