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

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

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

请使用以下功能：

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

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

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