Есть ли способ очистить все тайм-ауты?

Question

Есть ли способ очистить все тайм-ауты от данного окна? Я полагаю, что таймауты хранятся где-то в объекте window, но не смогли подтвердить это.

Любое кросс-браузерное решение приветствуется.

Answer 1

Они не находятся в объекте window, но имеют идентификаторы, которые (afaik) являются целыми целыми числами.

Таким образом, вы можете очистить все таймауты так:

var id = window.setTimeout(function() {}, 0); 

while (id--) { 
    window.clearTimeout(id); // will do nothing if no timeout with id is present 
} 

Answer 2

Я думаю, что самый простой способ для достижения этой цели будет хранить все setTimeout идентификаторов в одном массиве, где вы можете легко итерацию к clearTimeout() на все их.

var timeouts = []; 
timeouts.push(setTimeout(function(){alert(1);}, 200)); 
timeouts.push(setTimeout(function(){alert(2);}, 300)); 
timeouts.push(setTimeout(function(){alert(3);}, 400)); 

for (var i=0; i<timeouts.length; i++) { 
    clearTimeout(timeouts[i]); 
} 

Answer 3

Использовать глобальный тайм-аут, из которого все ваши другие функции получают время. Это заставит все работать быстрее и будет легче управлять, хотя оно добавит некоторую абстракцию в ваш код.

Answer 4

У меня есть дополнение к Pumbaa80's answer, которое может быть полезно для тех, кто разрабатывает старые IE.

Да, все основные браузеры используют идентификаторы тайм-аута как целые целые числа (это not required by specification). По прошествии стартового номера браузер отличается от браузера. Кажется, что Opera, Safari, Chrome и IE> 8 запускают идентификаторы тайм-аута из 1, основанных на Gecko браузеров от 2 и IE < = 8 от случайного числа, которое волшебным образом сохраняется при обновлении табуляции. Вы можете discover it yourself.

Все, что Меенс, что в IE < = 8, while (lastTimeoutId--) цикла может пробегать 8digits раз и показать «Скрипт на этой странице вызывает Internet Explorer, чтобы работать медленно» сообщения. Поэтому, если вы не можете save all you timeout id's или не хотите override window.setTimeout, вы можете рассмотреть возможность сохранения первого идентификатора тайм-аута на странице и сброса таймаутов до него.

Выполнить код на ранней загрузке страницы:

var clearAllTimeouts = (function() { 
    var noop = function() {}, 
     firstId = window.setTimeout(noop, 0); 
    return function() { 
     var lastId = window.setTimeout(noop, 0); 
     console.log('Removing', lastId - firstId, 'timeout handlers'); 
     while (firstId != lastId) 
      window.clearTimeout(++firstId); 
    }; 
}); 

и отчистка всех ожидающих таймаутах, которые, вероятно, были установлены иностранным кодом столько раз вы хотите

Answer 5

Как насчет магазина интервалов ожидания Идентификаторов в глобальном array и определить способ делегирования вызова функции в окно.

GLOBAL={ 
    timeouts : [],//global timeout id arrays 
    setTimeout : function(code,number){ 
     this.timeouts.push(setTimeout(code,number)); 
    }, 
    clearAllTimeout :function(){ 
     for (var i=0; i<this.timeouts.length; i++) { 
      window.clearTimeout(this.timeouts[i]); // clear all the timeouts 
     } 
     this.timeouts= [];//empty the id array 
    } 
}; 

Answer 6

Мы только что опубликовали пакет, разрешающий эту точную проблему.

npm install time-events-manager

При том, что вы можете просматривать все время ожидания и интервалы через timeoutCollection & intervalCollection объектов. Существует также функция removeAll, которая очищает все таймауты/интервалы как от коллекции, так и от браузера.