jQuery 播放和停止 jQuery 函数

Question

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();
});

Answer 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>