Xem tất cả thời gian chờ / khoảng thời gian trong javascript?

Tôi đang viết một ứng dụng sử dụng thời gian chờ và khoảng thời gian JavaScript để cập nhật trang. Có cách nào để xem có bao nhiêu khoảng thời gian được thiết lập? Tôi muốn đảm bảo rằng tôi sẽ không vô tình giết chết trình duyệt bằng cách thiết lập hàng trăm khoảng thời gian.

Đây có phải là một vấn đề?

Tôi không nghĩ rằng có một cách để liệt kê giờ hoạt động, nhưng bạn có thể ghi đè lên window.setTimeoutvà window.clearTimeoutvà thay thế chúng với hiện thực của riêng bạn mà làm một số việc theo dõi và sau đó gọi bản gốc.

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);
};

Tất nhiên, bạn có thể không phải lúc nào cũng gọi clearTimeout, nhưng điều này ít nhất sẽ cung cấp cho bạn một số cách để theo dõi những gì đang xảy ra trong thời gian chạy.

Tôi đã tạo tiện ích mở rộng Chrome DevTools hiển thị tất cả các khoảng thời gian. Những cái đã xóa có màu xám.

setInterval-sniper

Thấy Paul chỉ đề cập đến setTimeout, tôi nghĩ tôi sẽ chia sẻ một bộ đếm cho setInterval / clearInterval.

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);
};

Thay vì chỉ có một bộ đếm thời gian, đây là một triển khai lưu trữ tất cả các dòng thời gian vào một mảng. Nó chỉ hiển thị bộ hẹn giờ hoạt động trong khi câu trả lời được chấp nhận chỉ tính các cuộc gọi đến setTimeout& clearTimeout.

(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));

Đây là cách bạn có thể nhận được số lượng bộ hẹn giờ hoạt động trên trang:

timers.length;

Đây là cách bạn có thể xóa tất cả các bộ hẹn giờ đang hoạt động :

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

Các hạn chế đã biết:

• Bạn chỉ có thể chuyển một hàm (không phải một chuỗi) đến setTimeoutvới bản vá khỉ này.
• Hàm giả định clearIntervalvà clearTimeoutthực hiện tương tự, điều này họ làm nhưng nó có thể thay đổi trong tương lai.

Chúng tôi vừa xuất bản một gói giải quyết vấn đề chính xác này.

npm install time-events-manager

Cùng với đó, bạn có thể xem và quản lý chúng thông qua timeoutCollectionđối tượng (và các khoảng của javascript thông qua intervalCollectionđối tượng).

timeoutCollection.getScheduled(); timeoutCollection.getCompleted(); timeoutCollection.getAll();

Tôi chỉ cần một cái gì đó như thế này và đây là những gì tôi đã tổng hợp lại:

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);

Điều này ghi lại khoảng thời gian idcùng với các chức năng của chúng và cũng theo dõi trạng thái của chúng ( active/ inactive).