定时器时间清零！！

发布于
2016-03-14

我想在屏幕滚动的时候把_time设为零，就是立马让div为hide()，而不是关闭定时器
这样能做吗？

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title></title>
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
</head>
<body>
      <input type="button" value="点击" class="show"/>  
    <div class="dis">hello</div>  
    <script>  
     $(function(){
           var _time = 3000;
              $('.show').click(function(){
                  timer3 = setTimeout(function(){
                            $(".dis").hide();                    
                    },_time);    
              })
              
              window.scroll(function(){
                                          
              })
     })
            
    </script>  
</body>
</html>

javascript jquery

阅读 6.4k

5 个回答

得票最新

hiYoHoo

2.2k31118

发布于
2016-03-14

直接在屏幕滚动的时候，将div hide()不就行了吗，一定要用定时器兜个圈子吗？

zhangpenglin

81422

发布于
2016-03-14

更新于
2016-03-14

哪位给编辑过了

$(function() {
    var _time = 3000;
    $('.show').click(function() {
        timer3 = setTimeout(hide, _time);
    })
    window.onscroll = hide;

    function hide() {
        $(".dis").hide();
    }
})

yellowlemon

1.1k2512

发布于
2016-03-14

如果你的timer3已经在执行了，你在设置_time为0，应该是不行的。
为什么不直接在滚动时直接设置$(".dis").hide();了？

木木0519

18913

发布于
2016-03-15

更新于
2016-03-15

clear掉定时器就行了,然后$(".dis").hide();

$(function(){
   var _time = 3000;
    var timer3 = null;
      $('.show').click(function(){
          timer3 = setTimeout(function(){
                    $(".dis").hide();                    
            },_time);    
      })
      
      window.scroll(function(){
            clearTimeout(timer3);  
            $(".dis").hide();                  
      })
 })