在悬停中使用 jquery 启动和停止计时器

Question

你们如何在停止后重新启动 JavaScript 计时器。基本上我需要计时器停止，然后在推出 div 时重新开始。我有

var time = setInterval(myFunction, 1000);
计时器

function myFunction(){<br/>
    if(){
        do this
    }
    else if () {
       do this
    }
};

然后我

$("td").hover(
    function () {
        window.clearInterval()
    },<br/>
    function () {
        timer
    }
);

一切正常，除了它不会在悬停关闭时再次启动。如果我将一个新的计时器置于悬停状态，则每次您悬停和关闭时计时器都会开始加速......任何想法。 谢谢

Answer 1

var intervalID = setInterval(myFunction, 1000);

function myFunction(){
    //logic goes here
};


$("td").hover( function () {
    window.clearInterval(intervalID)
    },
    function () {
    intervalID = setInterval(myFunction, 1000);
} );

解释：发生的情况是 setInterval 返回与该间隔关联的ID。

我做了一个littse jsFiddle 来展示它的工作原理。

注意：这不会暂停当前的间隔。它会停止它并再次启动它。因此，如果您在 9 秒处以 10 秒为间隔并停止它。当再次启动时，还需要 10 秒。