chrome setTimeout和淡入淡出

Question

我试图做一个div淡出淡出。 我正在使用JQuery，但是所有延迟方法都不能在Chrome 16中使用，在FF 10中都可以。

msgCenter.style.display = "inline";
setTimeout('$("#messageCenter").hide("fade", { }, 1000);',4000);
$('#messageCenter').delay(4000).fadeOut();

这些都不在Chrome中起作用。

这将在Chrome中运行，但没有褪色效果：

setTimeout('$("#messageCenter").hide();',4000);

谁能告诉我为什么？ 还有一种方法可以为Chrome添加褪色效果吗？ 谢谢阅读。

Answer 1

另一个解决方案：

setTimeout(function() {
    $("#messageCenter").css('display', 'block').fadeOut();
}, 4000);

而且，如果fadeIn也遇到问题：

$("#messageCenter").css({display: 'block', opacity: 0}).fadeIn();

Answer 2

您必须使用JQuery动画，例如以下之一：

setTimeout('$("#messageCenter").fadeOut();', 4000);
setTimeout('$("#messageCenter").animate({ opacity: 0.0 }, 1000, function() { /* Animation complete */});', 4000);

Answer 3

您的第二个选项应该起作用。 我在这里设置了一个可在Chrome 16.0.912.77上运行的jsfiddle。

Answer 4

如果我将其设置为

msgCenter.style.display = "block";

它适用于上述所有选项！ 对我来说似乎很奇怪。 有人知道为什么必须将其阻止而不是内联吗？

Answer 5

这个怎么样：

setTimeout(function() {
    $('#messageCenter').css("display","block").fadeOut(4000,function() {
        $(this).css("display","inline");    
    });
});

Answer 6

您还可以try $("#messageCenter").hide(4000) ...这将产生收缩动画...但是对于您而言，请使用$("#messageCenter").fadeIn(4000)或$("#messageCenter").fadeOut(4000)