【问题标题】:jQuery play and stop jQuery functionjQuery播放和停止jQuery函数
【发布时间】:2015-11-25 20:47:39
【问题描述】:

Jsfiddle

我正在尝试通过按一个按钮来停止在页面加载后启动的功能,然后通过按另一个按钮重新激活它,到目前为止我可以重新激活它,但我无法使停止按钮与我的当前按钮一起工作代码。

<button class="play">play</button>
<button class="pause">pause</button>
<div class="scanner-laser">blinking</div>

var blink = (function blink() { 
   var f = $('.scanner-laser').fadeOut(1000).fadeIn(1000, blink); 
})();

$(".play").click(function() {
  $('.scanner-laser').fadeOut(1000).fadeIn(1000, blink); 
});

$(".pause").click(function() {
    f.stop();
    blink.die();
});

【问题讨论】:

    标签: jquery function var


    【解决方案1】:

    var f = '';
    var blink = (function blink() {
      f = $('.scanner-laser').fadeOut(1000).fadeIn(1000, blink);
    })();
    
    $(".play").click(function() {
      $('.scanner-laser').fadeOut(1000).fadeIn(1000, blink);
    });
    $(".pause").click(function() {
      f.stop();
      blink.die();
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <button class="play">play</button>
    <button class="pause">pause</button>
    <div class="scanner-laser">blinking</div>

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-08-14
      • 1970-01-01
      • 1970-01-01
      • 2011-11-23
      • 2012-06-08
      • 2011-08-30
      相关资源
      最近更新 更多