Jquery：Div淡入淡出答案

【问题标题】：Jquery: Div Fade in and outJquery：Div淡入淡出
【发布时间】：2009-07-13 18:01:59
【问题描述】：

我一直试图让一个 div 在 30 秒后淡入并在 30 秒后淡出

setInterval(function(){$('#myDiv').toggle();}, 300);
$("#popupboxdis").fadeIn("fast");
$("#popupboxdis").fadeOut("fast");

【问题讨论】：

你一直在尝试......好吗？问题出在哪里？
第一行应该做。其他几行是干什么用的？
完全重复stackoverflow.com/questions/1117273/…
setInterval(function(){$('#myDiv').toggle();}, 300); -- 你输入的 300 是以毫秒为单位的
stackoverflow.com/questions/42254/…

标签： javascript jquery

【解决方案1】：

setInterval 时间以毫秒为单位：

setInterval(function(){
    $('#myDiv').toggle('normal');
}, 30000);

注意额外的0s。现在它会尝试每 300 毫秒或 0.3 秒切换一次元素，这可能会导致一些古怪的行为。另外，上面的代码应该做你描述的，我不确定其他两行在哪里发挥作用......

另外请注意，如果没有时间字符串（'slow'、'normal'、'fast'）或以毫秒为单位的时间（1000、2000）作为参数，toggle 将简单地隐藏和显示元素而不会褪色您正在寻找的动画。

【讨论】：

【解决方案2】：

我猜你正试图在淡出和淡入之间切换。

setInterval(function() {
    $('#myDiv').toggle(function() {
        $(this).fadeOut('fast');
    }, function() {
        $(this).fadeIn('fast');
    });
}, 30000);

【讨论】：

toggle('fast') 实现了这一点……为什么要复杂化呢？
toggle("fast") 在显示/隐藏和非 fideIn/fideOut 之间迭代
取决于您要寻找的效果。切换选择如何淡入/淡出。 fadeIn/fadeOut 有更多的控制权。
是的，ScottE，我明白了。 toggle('fast') 似乎做了滑动/淡入淡出混合，这很奇怪。