如何暂停设置超时呼叫?[复制品]

试试这个。

var myTimeOut;
$(someElement).mouseout( function () {
  myTimeOut = setTimeout("mytimeoutfunction()", 5000)
});

$(someElement).mouseover( function () {
  clearTimeout(myTimeOut);
});

添加一个 PausableTimeout 班级:

(可能不是有效的JS,但应该不会太难让它工作):

    function PausableTimeout(func, millisec) {
        this.func = func;
        this.stTime = new Date().valueOf();
        this.timeout = setTimeout(func, millisec);
        this.timeLeft = millisec;
    }
    function PausableTimer_pause() {
        clearTimeout(self.timeout);
        var timeRan = new Date().valueOf()-this.stTime;
        this.timeLeft -= timeRan;
    }
    function PausableTimer_unpause() {
        this.timeout = setTimeout(this.func, this.timeLeft);
        this.stTime = new Date().valueOf();
    }
    PausableTimer.prototype.pause = PausableTimer_pause;
    PausableTimer.prototype.unpause = PausableTimer_unpause;

    //Usage:
    myTimer = new PausableTimer(function(){alert("It works!");}, 2000);
    myTimer.pause();
    myTimer.unpause();

当然,在那里添加一些错误检查是一个好主意(不希望它可以多次取消暂停超时并最终导致数百次超时!)但是我会让这成为你的工作:p

使用 clearTimeout() 鼠标悬停事件和使用 setTimeout() 再次出现在mouseout事件中。

http://www.w3schools.com/jsref/met_win_cleartimeout.asp