如何在數字命中時停止動畫0

Question

想要知道如何在顯示新文字時停止動畫。一切正常，但當顯示新文字時，它會保持動畫效果。

$(function(){ 

var note = $('#note'), 
    ts = new Date(2013, 11, 11), 
    newYear = true; 

if((new Date()) > ts){ 
    // The new year is here! Count towards something else. 
    // Notice the *1000 at the end - time must be in milliseconds 
    ts = (new Date()).getTime() + 00*00*00*00*0000; 
    newYear = false; 
} 

$('#countdown').countdown({ 
    timestamp : ts, 
    callback : function(days, hours, minutes, seconds){ 

     var message = ""; 

     message += days + " day" + (days==1 ? '':'s') + ", "; 
     message += hours + " hour" + (hours==1 ? '':'s') + ", "; 
     message += minutes + " minute" + (minutes==1 ? '':'s') + " and "; 
     message += seconds + " second" + (seconds==1 ? '':'s') + " <br />"; 



     note.html(message); 

     if(days==0 && hours==0 && minutes==0 && seconds==0) 
      { 
      $("#events").animate({'opacity': 0}, 1000, function() { 
       $(this).text('Jamboree Has Started!!!!!!'); 
      }).animate({'opacity': 1}, 1000);     
     } 

    } 
}); 
}); 

我知道爲什麼它一直保持一個原因是因爲所有的數字停留在0一旦他們全部命中0。也許有另一種方式我能得到這個工作，顯示出與使用新的文字就annimaing一旦所有的數字命中0？

Answer 1

您希望動畫只出現一次。所以，你可以利用.one()

$("#events").one(function() { 
    $(this).animate({'opacity': 0}, 1000, function() { 
      $(this).text('Jamboree Has Started!!!!!!'); 
    }).animate({'opacity': 1}, 1000); 
}); 

但是對於停止動畫，.stop()可以使用。在你的情況下，它不是必需的。