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

Question

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

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

我认为这会起作用：

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

但事实并非如此，所以我很确定我做错了。我也无法弄清楚如何在设定时间后再次显示 div。

任何人都可以看看这个并给我指点吗？

提前致谢。

score 1 · Accepted Answer

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

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

score 0 · Accepted Answer

像这样做：

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

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

2 回答 2