setTimeout返回一个计时器句柄，您可以使用它来停止超时clearTimeout。

所以例如：

function setBgPosition() {
    var c = 0,
        timer = 0;
    var numbers = [0, -120, -240, -360, -480, -600, -720];
    function run() {
        Ext.get('common-spinner').setStyle('background-position', numbers[c++] + 'px 0px');
        if (c >= numbers.length) {
            c = 0;
        }
        timer = setTimeout(run, 200);
    }
    timer = setTimeout(run, 200);

    return stop;

    function stop() {
        if (timer) {
            clearTimeout(timer);
            timer = 0;
        }
}

所以你可以把它用作：

var stop = setBgPosition();
// ...later, when you're ready to stop...
stop();

请注意setBgPosition，我没有再次调用自己，而是将其设置c回0. 否则，这是行不通的。另请注意，我已用作0超时未挂起时的句柄值；0不是一个有效的返回值，setTimeout所以它是一个方便的标志。

这也是我认为你最好使用setInterval而不是的（少数）地方之一setTimeout。setInterval重复。所以：

function setBgPosition() {
    var c = 0;
    var numbers = [0, -120, -240, -360, -480, -600, -720];
    function run() {
        Ext.get('common-spinner').setStyle('background-position', numbers[c++] + 'px 0px');
        if (c >= numbers.length) {
            c = 0;
        }
    }
    return setInterval(run, 200);
}

像这样使用：

var timer = setBgPosition();
// ...later, when you're ready to stop...
clearInterval(timer);

尽管如此，我还是想找到一种方法来使setBgPosition事情本身停止，通过检测某些完成条件已得到满足。

我知道这是一个老问题，无论如何我想发布我的方法。这样你就不必处理 TJ Crowder 解释的 0 把戏。

var keepGoing = true;

function myLoop() {
    // ... Do something ...

    if(keepGoing) {
        setTimeout(myLoop, 1000);
    }
}

function startLoop() {
    keepGoing = true;
    myLoop();
}

function stopLoop() {
    keepGoing = false;
}

处理超时循环的最简单方法

function myFunc (terminator = false) {
    if(terminator) {
        clearTimeout(timeOutVar);
    } else {
        // do something
        timeOutVar = setTimeout(function(){myFunc();}, 1000);
    }
}   
myFunc(true); //  -> start loop
myFunc(false); //  -> end loop

您需要使用一个变量来跟踪“完成度”，然后在循环的每次迭代中对其进行测试。如果 done == true 则返回。

var done = false;

function setBgPosition() {
    if ( done ) return;
    var c = 0;
    var numbers = [0, -120, -240, -360, -480, -600, -720];
    function run() {
        if ( done ) return;
        Ext.get('common-spinner').setStyle('background-position', numbers[c++] + 'px 0px');
        if (c<numbers.length)
        {
            setTimeout(run, 200);
        }else
        {
            setBgPosition();
        }
    }
    setTimeout(run, 200);
}

setBgPosition(); // start the loop

setTimeout( function(){ done = true; }, 5000 ); // external event to stop loop

var myVar = null;

if(myVar)
   clearTimeout(myVar);

myVar = setTimeout(function(){ alert("Hello"); }, 3000);