Question

如何用Jquery实现触发弹框后，显示两秒后自动消失。

function shutUpWindow(){
var params = "<div class='pop'><div class='pop_head clear'><h3>提示</h3><a href='javascript:void(0);' the-id='clos'></a></div><p class='pop_text'>验证邮箱已重新发送，请尽快查收！</p><div class='pop_btn'><a href='javascript:void(0);' class='pop_top_btn' the-id='clos'></a></div></div>"
$('#bbb').click(function(){
$('body').append(params);
$('.pop').css({
top:($(window).height()-$('.pop').height())/2,
left:($(window).width()-$('.pop').width())/2
});
});
$('[the-id=clos]').live('click',function(){
$('.pop').empty().remove();
});
}
shutUpWindow();
如何用Jquery实现触发弹框后，显示两秒后自动消失。

Answer 1

setTimeout(function(){
$('.pop').empty().remove();

},2000)

Answer 2

jquery不知道，就知道js里有个setTimeout（）方法设置个毫秒，然后调用关闭方法