javascript - 如何每 2 分钟显示一个 div 内容？

Question

我想在页面右侧每 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);
}

我怎样才能做到这一点？

Answer 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。notify这告诉它在 2 分钟后再次调用该函数。

这是一个例子： http: //jsfiddle.net/vwtkh/4/ ​</p>