Tüm zaman aşımlarını/aralıklarını javascript'te mi görüntülüyorsunuz?

Question

Sayfayı güncellemek için JavaScript zaman aşımları ve aralıklarını kullanan bir uygulama yazıyorum. Kaç aralığın ayarlandığını görmenin bir yolu var mı? Yüzlerce aralıklı kurulum yaparak yanlışlıkla tarayıcıyı öldürmeyeceğime emin olmak istiyorum.

Bu bir sorun mu?

Answer 1

Etkin zamanlayıcıları sıralamanın bir yolu olduğunu sanmıyorum, ancak window.setTimeout ve window.clearTimeout'u geçersiz kılabilir ve bunları bazı izleme yapan ve sonra da orijinalleri arayarak kendi uygulamalarınızla değiştirebilirsiniz. Tabii

window.originalSetTimeout=window.setTimeout; 
window.originalClearTimeout=window.clearTimeout; 
window.activeTimers=0; 

window.setTimeout=function(func,delay) 
{ 
    window.activeTimers++; 
    return window.originalSetTimeout(func,delay); 
}; 

window.clearTimeout=function(timerID) 
{ 
    window.activeTimers--; 
    window.originalClearTimeout(timerID); 
}; 

, her zaman clearTimeout çağrı olmayabilir, ama bu en azından size zamanında neler olduğunu izlemek için bir yol verecekti.

Answer 2

Paul sadece setTimeout'u kapsadığı için setInterval/clearInterval için bir sayaç paylaşacağımı düşündüm.

window.originalSetInterval = window.setInterval; 
window.originalClearInterval = window.clearInterval; 
window.activeIntervals = 0; 
window.setInterval = function (func, delay) 
{ 
    if(func && delay){ 
      window.activeIntervals++; 
    } 
    return window.originalSetInterval(func,delay); 
}; 
window.clearInterval = function (intervalId) 
{ 
    // JQuery sometimes hands in true which doesn't count 
    if(intervalId !== true){ 
     window.activeIntervals--; 
    } 
    return window.originalClearInterval(intervalId); 
}; 

Answer 3

Tüm aralıklarını gösteren bir Chrome DevTools uzantısı yaptım. Temizlenmiş olanlar grileşmiştir. sadece zamanlayıcı sayımını sahip Yerine setInterval-sniffer

Answer 4

, burada bir diziye bütün timerId 's saklayan bir uygulamasıdır. Sadece kabul edilen yanıtı setTimeout & 'a sayarken sadece etkin zamanlayıcıları gösterir.

for(var i = timers.length; i--;) 
    clearInterval(timers[i]); 

:

timers.length; 

Bu tüm aktif zamanlayıcılar kaldırmak için aşağıdaki adımları:

(function(w) { 
    var oldST = w.setTimeout; 
    var oldSI = w.setInterval; 
    var oldCI = w.clearInterval; 
    var timers = []; 
    w.timers = timers; 
    w.setTimeout = function(fn, delay) { 
     var id = oldST(function() { 
      fn && fn(); 
      removeTimer(id); 
     }, delay); 
     timers.push(id); 
     return id; 
    }; 
    w.setInterval = function(fn, delay) { 
     var id = oldSI(fn, delay); 
     timers.push(id); 
     return id; 
    }; 
    w.clearInterval = function(id) { 
     oldCI(id); 
     removeTimer(id); 
    }; 
    w.clearTimeout = w.clearInterval; 

    function removeTimer(id) { 
     var index = timers.indexOf(id); 
     if (index >= 0) 
      timers.splice(index, 1); 
    } 
}(window)); 

Bu

sayfadaki aktif zamanlayıcılar ait sayısı elde edebilir nasıl Bilinen sınırlamalar:

• Bu maymun yamasıyla yalnızca bir işlevi (bir dizgi değil) setTimeout'a geçirebilirsiniz.
• İşlev, clearInterval ve clearTimeout öğelerinin aynı olduğunu varsayar, aynı şekilde yapar, ancak gelecekte değişebilir.

Answer 5

Bu tam sorunu çözmek için yalnızca published bir paketimiz var. Bunun üzerine

npm install time-events-manager 

görüntüleyebilir ve timeoutCollection nesne (ve intervalCollection nesne aracılığıyla javascript en aralıklarla) üzerinden yönetebilirsiniz.

Answer 6

Sadece böyle bir şey gerekli ve bu şimdiye araya getirdik budur:

window.setInterval = function (window, setInterval) { 
    if (!window.timers) { 
     window.timers = {}; 
    } 
    if (!window.timers.intervals) { 
     window.timers.intervals = {}; 
    } 
    if (!window.timers.intervals.active) { 
     window.timers.intervals.active = {}; 
    } 
    return function (func, interval) { 
     var id = setInterval(func, interval); 
     window.timers.intervals.active[id] = func; 
     return id; 
    } 
}(window, window.setInterval); 

window.clearInterval = function (window, clearInterval) { 
    if (!window.timers) { 
     window.timers = {}; 
    } 
    if (!window.timers.intervals) { 
     window.timers.intervals = {}; 
    } 
    if (!window.timers.intervals.inactive) { 
     window.timers.intervals.inactive = {}; 
    } 
    return function (id) { 
     if (window.timers.intervals.active && window.timers.intervals.active[id]) { 
      window.timers.intervals.inactive[id] = window.timers.intervals.active[id]; 
      clearInterval(id); 
      delete window.timers.intervals.active[id]; 
     } 
    } 
}(window, window.clearInterval); 

Bu, onların fonksiyonları ile birlikte aralık kimlikleri kaydeder ve aynı zamanda onların durumu izler (aktif/pasif).