使带有淡入淡出元素的 div 块消失并在设定时间后重新出现答案

【问题标题】：Make a div block with with fading elements disappear and reappear after a set time使带有淡入淡出元素的 div 块消失并在设定时间后重新出现
【发布时间】：2012-06-22 06:56:14
【问题描述】：

我试图让一个 div 消失并在一段时间后重新出现。

div 内部是淡入淡出的 div 元素。

我认为这会起作用：

setTimeout(function() {
$( "#productDiv" ).removeAttr( "style" ).show().fadeIn();
}, 1000 );

但事实并非如此，所以我很确定我做错了。我也不知道如何在设定的时间后再次显示 div。

谁能看看这个并给我指点？

http://jsfiddle.net/linuxbastard/nGCNJ/5/

提前致谢。

【问题讨论】：

参考此链接stackoverflow.com/questions/914951/…这将解决您的问题。

标签： jquery show-hide

【解决方案1】：

你可以试试这个：- 这将在每 2 秒后链接效果

 $(document).ready(function(){
    setInterval(function() {
        $("#productDiv").show().delay(1000).fadeOut();
    }, 2000 );
 });

【讨论】：

嗨，Subhajit，这行得通！我应该首先使用setInterval。哈哈。 Finished code

【解决方案2】：

这样做：

$("#productDiv").hide().delay(1000).fadeIn();

这会隐藏 div，并编程在 1000 毫秒后应用淡入效果。这是链接 jquery 效果的自然而惯用的方式。

【讨论】：

嗨dystroy，我以前做过，但正如你所说，它开始隐藏div。用$("productDiv").show().delay(1000).fadeOut(); 反转它会开始它可见然后淡出，但不知道如何在此之后链接定时淡入并循环它。