jQuery新闻在悬停时停止，鼠标离开时开始？

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()，它将只运行一次。要重新开始间隔，您只需再次设置计时器即可。但因此，你需要做圆顶的其他改变，你可以看到上面。清除运行间隔，以防止在启动下一个间隔时，第一个要继续。