使用Rails以实际刻度格式显示页面上的当前时间,并每秒更改一次

时间:2012-03-21 12:54:34

标签: javascript jquery ruby-on-rails

我希望以真实的抽搐格式在我的页面上显示时间,例如在没有

的简单手表上运行

刷新整个页面。我正在使用rails 3.给任何想法

2 个答案:

答案 0 :(得分:2)

是有趣的情况我认为你应该把你的部分显示时间放在一些部分并用jquery ajax调用刷新它。所以你需要每秒刷新它,你也可以设置该ajax调用的频率。这里有一些代码可能对你有帮助。

Html代码:

 <div class="time-rect-container">
   <%= render :partial => 'shared/time_portion' %>
 </div>

time_portion的部分代码。它只是显示时间。

<h1>System Time</h1>

<div class="time-detail"><p><%=@time%></p></div>

控制器代码:

def give_time

  @time = Time.now.strftime("%H:%M:%S ")

  render :partial => 'shared/time_portion'

end

通过jquery ajax调用刷新这个部分,我将它的频率设置为1秒,你可以改变。

$(document).ready(function () {
    setInterval(function () {

        $('.time-rect-container').load('/dashboard/give_time');

    }, 1000);
});

答案 1 :(得分:0)

JS Clock

$(document).ready(function(){
  $('some-selector').jsclock();
});