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

标签 javascript jquery ruby-on-rails

我想在我的页面上以真正的抽动格式显示时间,就像在简单的 watch 上运行而无需

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

最佳答案

是的,有趣的情况我认为你应该将你的部分显示时间放在一些部分并使用 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>

Controller 代码:

def give_time

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

  render :partial => 'shared/time_portion'

end

并通过 jquery ajax 调用刷新此部分,我将其频率设置为一秒,您可以更改。

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

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

    }, 1000);
});

关于javascript - 使用 Rails 以实时刻度格式显示页面上的当前时间,并每秒更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9805065/

相关文章:

javascript - 使用 PHP、JQuery 和 AJAX 从数据库获取 JSON 格式的数据

javascript - 通过单击 Href 将单个表单值发布到自己

javascript - 在 IWebBrowser2 中加载 jQuery 时出现脚本错误

sql - Rails has_one 和 belongs_to 加入

ruby-on-rails - 找不到 gem "multi_json": 的兼容版本

javascript - 将所有 Javascript 移动到 Django 中的单独文件

javascript - "' javascript 中的 toggleRow ' is not defined"。找不到我的函数或错误消息为 'defined' sais

ruby-on-rails - rails heroku - 如何安装需要 'npm install ...' 的 javascript 依赖项

javascript - 从 golang 服务器在浏览器中下载压缩文件

javascript - mozilla 客户端 XSLT 不显示。 (也使用 jQuery)