Question

下面是我用来创建一个在网络上找到的新闻自动收录器的jQuery代码，但是在鼠标悬停时很难停止它并且在鼠标离开后开始，请帮助我。提前致谢。

function tick(){
     $('.news-ticker li:first').slideUp(
     function () { $(this).appendTo($('.news-ticker')).slideDown();
   });
 }
     setInterval(function(){ tick () }, 5000);

Answer 1

要停止动画，可以使用jQuerys stop：

function tick() {[...]}

var timer = setInterval(function(){ tick () }, 5000);

$( '.news-ticker' ).hover( function() {
// stop function
    clearInterval(timer);
    $( this ).find( 'li' ).each( function() {
        $( this ).stop();
    } );
}, function() {
// start function
    timer = setInterval(function(){ tick () }, 5000);
} );

更新：当然，如果你再次启动tick（），它将只运行一次。再次启动间隔，你只需要再次设置定时器。但是，你需要进行其他更改，你可以在上面看到。清除运行间隔以防止在开始下一个间隔时首先继续。

jQuery Newsticker在鼠标悬停时停止悬停？

1 个答案: