jQuery停止整个函数并触发另一个

Question

第一个函数循环运行

function first()
{
    alert("first");
}

function defaultAnimation()
{
    (function(){
    setTimeout(function() {
        first();
 }, 5000);

setTimeout(arguments.callee,5000);
})();

第二个功能相同，但略有变化

function second()
{
    alert("second");
}

function defaultAnimation()
{
    (function(){
    setTimeout(function() {
        second();
 },500);

setTimeout(arguments.callee,500);
})();

我想要的是当我点击一个 div 时

$("#div").click(function(){});

然后第一个函数完全停止，第二个函数替​​换它并启动。

Answer 1

使用这样的东西（这里的关键是clearTimeout）：

var myVar;

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

function myStopFunction() {
    clearTimeout(myVar);
}