Итак, мне было интересно, есть ли какой-либо возможный способ в JavaScript для просмотра информации о запланированных таймаутах и интервалах, о которых вы явно не знаете (я знаю, что setTimeout и setInterval возвращает дескриптор, который можно использовать для ссылки к запланированному экземпляру, но скажите, что это недоступно по той или иной причине)? Например, есть ли способ использовать такой инструмент, как консоль Chrome JavaScript, чтобы определить, какие тайм-ауты в настоящее время активны на произвольной странице, когда они будут срабатывать, и какой код будет выполняться при их запуске? В частности, скажем, что страница только что выполнила следующий JavaScript:
setTimeout("alert('test');", 30000);
Есть ли какой-нибудь код, который я могу выполнить в этот момент, который скажет мне, что браузер выполнит alert('test'); через 30 секунд?
Кажется, что теоретически должен быть какой-то способ получить эту информацию, поскольку почти все, что в JavaScript открыто, является общедоступным, если вы знаете, где искать, но я не могу вспомнить экземпляр, когда-либо делающий это сам или видя, что это сделал кто-то еще.
как просто переписать функцию setTimeout для сортировки пользовательских функций ведения журнала?
как
var oldTimeout = setTimeout;
window.setTimeout = function(callback, timeout) {
console.log("timeout started");
return oldTimeout(function() {
console.log('timeout finished');
callback();
}, timeout);
}
может работать?
Нет, даже спецификация HTML5 (которая является рационализацией поведения HTML 4.01 в текущих браузерах с дополнительными функциями) не указывает способ перечислить доступные обратные вызовы.
Мы только что опубликовали пакет, решая эту точную проблему.
npm install time-events-manager
При этом вы можете просматривать их через объекты timeoutCollection и intervalCollection.
Вы также можете создать модуль диспетчера таймера, который будет отслеживать текущие таймеры и позволит вам получать, добавлять, останавливать и останавливать все таймеры.
var timers = (function() {
//
var timers = []
//
const getIndex = (array, attr, value) => {
for (let i = 0; i < array.length; i += 1) {
if (array[i][attr] === value) {
return i
}
}
return -1
};
// add
const add = (callback, time) => {
var id = setTimeout(() => {
let index = getIndex(timers, 'id', id)
timers.splice(index, 1)
callback()
}, time)
timers.push({
id: id,
time: time,
debug: callback.toString()
})
};
// get all active timers
const all = () => timers
// stop timer by timer id
const stop = (id) => {
if (!isNaN(id)) {
let index = getIndex(timers, 'id', id)
if (index !== -1) {
clearTimeout(timers[index].id)
timers.splice(index, 1)
}
}
};
// stop all timers
const stopAll = () => {
for (let i = 0; i < timers.length; i++) {
clearTimeout(timers[i].id)
}
timers = []
};
return {
add: add,
all: all,
stop: stop,
stopAll: stopAll,
};
})();
//
timers.add(function() {
console.log("timeout 1 fired");
}, 1000)
timers.add(function() {
console.log("timeout 2 wont get fired");
}, 2000)
timers.add(function() {
console.log("timeout 3 fired");
}, 3000)
timers.add(function() {
console.log("timeout 4 fired, timers", timers.all());
}, 4000)
timers.add(function() {
console.log("timeout 5 fired");
}, 5000)
console.log('All timers', timers.all())
console.log("kill timer 2")
timers.stop(2)