jQueryでsetIntervalを再起動すると、ユーザーがカウンタを再起動したときに表示されます。

Question

jQueryでsetIntervalを再起動すると、ユーザーがカウンタを再起動したときに表示されるようになりますか？

私は12秒後に次のタブに移動するようにタブセクションを作成しました。しかし、ユーザーが希望のタブをクリックしてユーザーが新しいセットを12秒間取得すると、時間を再開したいと思います。

私はjqueryの初心者ですので、十分に説明してください。どうもありがとう。

$("li.tab").click(function() { 


    $("li.tab").removeClass("select"); 
     $(".featured_content").hide(); //Hide all tab content 
    var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content 
    $(activeTab).fadeIn(1600); //Fade in the active ID content 
    $(this).addClass("select"); 





}); 

var refreshIntervalId = setInterval(function() { 

    var lastChild = $('li.select').is(':last-child'); 

    if (lastChild) { 

     $('li.tab').removeClass('select ') 
     $("li.tab:first").addClass('select '); 
     return false; 

    } else { 
     $("li.select").removeClass('select').next().addClass('select'); 
     return false; 
    } 

}, 12000); 

Answer 1

使用clearInterval：あなたの1のための

$("li.tab").click(function() { 
    // ... 
    refreshIntervalId = clearInterval(refreshIntervalId); 
    // setInterval again to re-start the 'timer' 
    // ... 
}); 

Answer 2

//Stop 
clearInterval(refreshIntervalId); 

//Start again 
setInterval(function() { 
    ... 
}, 12000)