的setInterval及全球範圍內第一次發生在點擊

Question

運行的setInterval當用戶的土地上我的主頁，我用setInterval來循環通過一些類的視覺效果：

var toggleSlide = setInterval(function() { 
     $('#cs-main nav li.cycle').removeClass("cycle" || " ").next().last().addClass("cycle"); 
},600); 

我想只有這種效果

$("#splash").live('click', function() { 
     $(this).fadeOut('slow', function() { 
      $('#main').load('client.html', function() { 
      }).fadeIn(); 

      var toggleSlide = setInterval(function() { 
     $('#cs-main nav li.cycle').removeClass("cycle" || " ").next().last().addClass("cycle"); 
},600); 

     }); 
     return false; 
    }); 

我遇到的（我假設），因爲setInterval的在全球範圍內運行的問題，隨時#cs-main nav li.cycle出現：當用戶點擊初始頁面上，該網站是通過AJAX加載運行一次在頁面上，setInterval完成它的事情。這是有問題的，因爲這個類出現在我的子頁面上，而我的意圖是隻有當用戶點擊#splash時才運行它。

Answer 1

使用clearInterval()殺計時器，一旦你用它做...

嘗試如下因素，

$("#splash").live('click', function() { 
    $(this).fadeOut('slow', function() { 

     var toggleSlide = setInterval(function() { 
      $('#cs-main nav li.cycle').removeClass("cycle" || " ").next().last().addClass("cycle"); 
     },600); 

     $('#main').load('client.html', function() { 
     }).fadeIn('slow', function(){ 
      clearInterval(toggleSlide); 
     }); 



    }); 
    return false; 
});