我创建了一个函数,可以在同级之间切换类click
,以每 5 秒显示/隐藏它们
$(function() {
var lis = $(".wwa-officers.class .news_item"),
currentHighlight = 0;
N = 5;//interval in seconds
setInterval(function() {
currentHighlight = (currentHighlight + 1) % lis.length;
lis.removeClass('click').eq(currentHighlight).addClass('click');
}, N * 1000);
});
但我希望它在鼠标悬停在元素上时停止,以允许用户读取每个元素中显示的信息
我尝试了以下方法,但似乎不起作用......
$(function(){
$('.wwa-officers').on('mouseenter mouseleave', function(){
$(this).toggleClass('class');
});
});
最佳答案
试试这个:
...
setInterval(function() {
if(!$('.wwa-officers').hasClass('class')){
currentHighlight = (currentHighlight + 1) % lis.length;
lis.removeClass('click').eq(currentHighlight).addClass('click');
}
}, N * 1000);
...
关于javascript - 未悬停时运行函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58099896/