Question

单击reset-btn时，计算在启动后停止，但之后无法运行。我该如何使用restart-calculate-btn？选中这两个选项后，点击reset-btn并停止calculate-btn动态calculate-btn ... calculate-btn始终为不透明1。

 $(document).ready(function(){
    var count = 0;
    $(".choose").change(function(){
        count++;
        if(count ==2){
        blink();
        }
    });
    function blink() {
        $(".calculate-btn").animate({
        opacity: '0'
        }, function(){
        $(this).animate({
        opacity: '1'
        }, blink);
        });
    }
    $(".reset-btn").click(function(){
        $(".calculate-btn").stop();
    });
   });

 <form>
   <select class="form-contol">
  <option value='0'> Select</option>
  <option value='1'> 1</option>
  <option value='2'> 2</option>
  <option value='3'> 3</option>
   </select>

 <select class="form-contol">
  <option value='0'> Select</option>
  <option value='1'> 1</option>
  <option value='2'> 2</option>
  <option value='3'> 3</option>
 </select>
 <button type="button" class="calculate-btn">Claculate</button>
 <button type="reset" class="reset-btn">Reset</button>
</form>

http://jsfiddle.net/kisspa/3jLAZ/11/

Answer 1

使用以下代码

$(".form-contol").change(function(){
blink();
});

var blink = function() {
$(".calculate-btn").animate({
    opacity: '0'
    }, function(){
    $(this).animate({
        opacity: '1'
    }, blink);
  });
};

$(".reset-btn").click(function(){
 $(".calculate-btn").stop().animate({opacity:1});
});

Answer 2

您可以使用.stop（）来停止动画。

$("#reset").click(function(){
    $(".calculate-btn").stop()
    .css('opacity' , 1);
});

演示：http://jsfiddle.net/3jLAZ/28/

我希望这就是你要找的东西。

单击reset-btn时，calculate-btn停止然后不起作用

2 个答案: