如何在每2分钟后显示div内容?

时间:2012-05-08 09:22:32

标签: javascript css

我希望在页面右侧每2分钟后显示以下代码

#notification
  = link_to "Tomorrow there are <span>#{@current_user.reminders.size}</span> events".html_safe,events_path 

我尝试了以下代码,但它没有按照我想要的方式工作......

function notification()
{  
   $("#notification").show("slow").delay(800).fadeout(400);
}

我该怎么做?

1 个答案:

答案 0 :(得分:1)

要以2分钟的间隔执行一项功能,请使用setInterval

setInterval(function() {
  // do something here
}, 120000); // 2 minutes = 120000 miliseconds

编辑:

从你的评论我猜你想要更像这样的东西:

function notify() {
    // show and delay for 60000 (1 minute) before hiding
    $("#notification").show("slow").delay(60000).fadeOut('slow', function() {
        // show again after 120000 (2 minutes)
        setTimeout(notify, 120000);
    });
}

notify();

注意fadeOut方法的回调函数。这告诉它在2分钟后再次调用notify函数。

以下是一个示例:http://jsfiddle.net/vwtkh/4/