jQuery Newsticker在悬停时停止,在鼠标离开时开始?

jQuery Newsticker在悬停时停止,在鼠标离开时开始?,jquery,Jquery,下面是我正在使用的jQuery代码来创建一个在web上的某个地方找到的新闻代码,但是在鼠标悬停时停止它并在鼠标离开后启动它非常困难,请帮助我。提前谢谢 function tick(){ $('.news-ticker li:first').slideUp( function () { $(this).appendTo($('.news-ticker')).slideDown(); }); } setInterval(function(){ tick () }

下面是我正在使用的jQuery代码来创建一个在web上的某个地方找到的新闻代码,但是在鼠标悬停时停止它并在鼠标离开后启动它非常困难,请帮助我。提前谢谢

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

要停止动画,可以使用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(),它只会运行一次。要重新开始计时,只需重新设置计时器。但因此,您需要进行其他更改,如上图所示。
清除运行间隔,以防止在开始下一个间隔时第一个继续。

非常感谢@Mephiztopheles的帮助,我肯定会使用它,但如何设置间隔以旋转列表,似乎您已将其从等式中删除。为您做了更改