jQuery Newsticker在悬停时停止,在鼠标离开时开始?
下面是我正在使用的jQuery代码来创建一个在web上的某个地方找到的新闻代码,但是在鼠标悬停时停止它并在鼠标离开后启动它非常困难,请帮助我。提前谢谢jQuery Newsticker在悬停时停止,在鼠标离开时开始?,jquery,Jquery,下面是我正在使用的jQuery代码来创建一个在web上的某个地方找到的新闻代码,但是在鼠标悬停时停止它并在鼠标离开后启动它非常困难,请帮助我。提前谢谢 function tick(){ $('.news-ticker li:first').slideUp( function () { $(this).appendTo($('.news-ticker')).slideDown(); }); } setInterval(function(){ tick () }
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的帮助,我肯定会使用它,但如何设置间隔以旋转列表,似乎您已将其从等式中删除。为您做了更改