在特定时间后隐藏'div'

时间:2011-01-19 05:23:51

标签: javascript jquery

我有一个div,它通常用于显示一些状态消息,例如“你选择了一些xyz的东西”

现在,我需要在页面加载后以特定时间(例如,60秒)的间隔隐藏它。

代码:

 <div id="msg">You have selected 'Time and Money' magazine</div>

如何执行上述操作?

由于

5 个答案:

答案 0 :(得分:4)

$(document).ready(function () {
  setTimeout(function () {
      $('#msg').hide();
  }, 60000);
});

答案 1 :(得分:3)

要在60秒后隐藏消息,请执行此操作

$("#msg").fadeOut(60000);

答案 2 :(得分:1)

这应该做你需要的:jQuery Timers

$(function(){
  $(document).oneTime(60000, function(){
    $('#msg').hide();
  });
});

答案 3 :(得分:1)

你可以使用setTimeout这个 -

$('document').ready(function(){
  window.setTimeout('test()',time in milliseconds);
});

function test(){

  $('#divid').hide();

}

答案 4 :(得分:0)

您可以使用jQuery的1.4 delay function