我有一个函数，用于加载页面中单个元素的内容，还有一个函数，用于重新加载所有元素的内容。为此，它会为每个元素调用 singleContent 函数。

这两个函数都有单独的计时器，应在重新加载所有内容后重置。

// i want to save all setTimeout references here, so that I can easily reset them
var timeouts = [];

// reloads content for single element
function singleContent(selector)
{
    // get and replace content [...]

    // get time for setTimeout from content object [...]
    var time = someFunction();

    // call itself again after specified time and save timeout to timeouts[]
    timeouts.push(setTimeout(function() {singleContent(selector)}, time));
}

// reloads all content by calling singleContent for all elements
function allContent()
{
    // reset timeouts[]
    for (var i = 0; i < timeouts.length; i++) {
        clearTimeout(i);
    }
    timeouts = [];

    //load content
    $("#content").fadeOut(2000, function() {
            $("#content .box").each(function() {
                singleContent(this);
            });
            $("#content").fadeIn(2000);

            // call itself again after specified time
            setTimeout(function() {allContent()}, 30000);
    }); 

}

allContent()

到目前为止，它都可以正常工作，但不知何故超时数组变得越来越大。它已清空，但所有超时似乎仍在后台运行。当 allContent() 运行时，如何清除所有超时？