jquery - 闪烁一个项目。 (Jquery 淡入淡出？)

Question

我有两个 div，我想让它们同时闪烁，直到用户将鼠标悬停在其中一个上。

var shouldiblink = '1';

function mrBlinko(divid){
 while (shouldiblink =='1') {
 $("#"+divid).fadeIn(100).fadeOut(300);
}

$(document).ready(function(){
 mrBlinko("mydiv1");
 mrBlinko("mydiv2");
}

我将有一个悬停事件，将 shouldiblink 设置为“0”。问题是，一旦页面准备好，循环就会开始，并且浏览器崩溃。

我一直坚持这个解决方案，现在想不出替代方案。

你能帮我吗？

非常感谢。

Answer 1

我认为更好的方法是使用setInterval和clearInterval。

页面加载后，使用 setInterval 来获得效果。当用户将鼠标悬停在元素上时，然后使用 setInterval 获得的间隔 id 清除间隔。

查看 working demo 。