10秒后显示div并在10秒后隐藏

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

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

Answer 1

请使用以下function：

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

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

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

Answer 2

也许你可以尝试这样的事情。

 setTimeout(show_div, 10000); setTimeout(hide_div, 20000); funciton show_div(){ $('#mybox').show(); } funciton hide_div(){ $('#mybox').hide(); } 

Answer 3

 $(function(){ setTimeout(function(){ $('ur_element').show(function(){ setTimeout(function(){ $('ur_element').hide() }, 10000) }) }, 10000) }) 

Answer 4

可能就是这样： http ： //jsfiddle.net/EzvGD/2/

 $(function(){ //-----------------when page loads fire the code below. $('#div').delay(10000).show('slow').promise().done(function(){ $('#div').delay(10000).hide('slow') }); }); 

Answer 5

好的，将来最好向我们展示您尝试过的内容，以便我们都能帮助您改进代码。

在不知道你处理什么的情况下，我会给你很多方法。

使用jQuery

 setTimeout(function() { $('#div1').slideIn(); setTimeout(function() { $('#div1').slideOut(); }, 10000); }, 10000); 

Answer 6

http://jsfiddle.net/tzvemt4m/

 $(".Mask").each(function() { var tempstr = this.innerText; var replacestr = this.innerText.replace(/./g, "*"); $(this).mouseover(function() { this.innerText = tempstr; }); $(this).mouseout(function() { var tempObj = this; setTimeout(function() { tempObj.innerText = replacestr; }, 10000); }); this.innerText = replacestr; });