显示几秒后淡出div

时间:2011-11-16 22:49:37

标签: jquery html timeout fade

情况:

我在页面的角落创建了小信息div。这些是由我设置的消息生成的。信息放在彼此之上。 div有一个class = "informatiemelding"

完成:

有没有办法为每个具有类名“informatiemelding”的div添加淡入淡出计时器,这样无论屏幕上有多少信息div,它们都会消失几秒钟。我有jQuery。我试过了:

<script type="text/javascript">
jQuery(".informatiemelding").setTimeout(function () {
   $(this).fadeOut('slow');
});
</script>

但是这只是给了我一个错误“Uncaught TypeError:Object [object Object]没有方法'setTimeout'”。所以我想以错误的方式抓住divs。

因为我是jQuery的完全noob,有人可以解释我该怎么做? Javascript不是我理解的东西。变得更好但我更喜欢PHP:P

2 个答案:

答案 0 :(得分:6)

jQuery("div.informatiemelding").delay(3000).fadeOut("slow");

答案 1 :(得分:4)

setTimeout(function () {
    $(".informatiemelding").fadeOut('slow');
}, 1000 /* Time to wait in milliseconds */);