使用Rails在页面上以实时刻度的格式显示当前时间,并每秒更改一次
Show current time on page in real ticks format using Rails and change with every second
我想在我的页面上以真实的tics格式显示时间,就像在没有的简单手表上运行一样
刷新整个页面。我正在使用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>
控制器代码:
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);
});
JS时钟
$(document).ready(function(){
$('some-selector').jsclock();
});
相关文章:
- 如何在设定的时间间隔内一次只显示一个图像
- 完整日历:如何支持一次点击和不长时间点击
- 一段时间后调用函数,但只调用一次
- 视频.JS - 一次在确切时间触发多个事件
- 为什么将 ng-select 替换为自定义指令会导致$http请求不会每隔一段时间发送一次
- 在页面加载时禁用 CSS 动画,但每隔一段时间工作一次
- 使用Rails在页面上以实时刻度的格式显示当前时间,并每秒更改一次
- html5视频的时间更新事件多久触发一次
- JAVASCRIPT/JQuery如何在一次以上的时间内执行
- Bootstrap DateTimePicker:一次打开一个日期时间选取器
- 如何在浏览器中使用F12控制台在javascript中每隔一段时间执行一次
- 不要做不止一次,要做一段时间,但不要做
- 在RxJS中,对一段时间内的事件进行计数,并每秒产生一次总和
- 创建一个每秒钟更新一次的日期和时间函数
- setInterval在显示服务器时间期间每秒钟减慢一次
- 每10秒更新一次的时间轴
- GSAP:一次管理多个渐变和时间线
- 如何一次一个滚动绘制每个SVG路径(按时间顺序)
- 在NodeJs中存储最后一次接收REST调用的日期/时间
- 调用同一函数的两个dom事件如果在同一时间发生,则应该只调用该函数一次