javascript - 10秒后显示div，10秒后隐藏

Question

我需要在页面加载后 10 秒内显示一个 div(例如#mybox)，使其再保持可见 10 秒，然后以漂亮的滑入/滑出效果隐藏。

非常感谢您的任何提示/帮助!

Answer 1

请使用以下功能:

cycle();
function cycle() {
     $('#myid')
    .delay(10000)
    .fadeIn(300)
    .delay(10000)
    .fadeOut(300, cycle);
}

如果我们不需要循环，那么只需要一行代码:

$('#myid').delay(10000).fadeIn(300).delay(10000).fadeOut(300);