표시 현재 시간은 레일을 사용하여 변경 형식을 틱 초마다

Question

나는 전체 page.I 레일을 사용하고 새로 고침

없이 간단한 시계에서 실행 같은 실제 틱 형식으로 내 페이지에 시간을 표시 할

3.Give any idea

Answer 1

예 흥미로운 상황 나는 부분적으로 표시 시간을 차지하고 jquery ajax 호출로 새로 고침해야한다고 생각합니다. 따라서 매 초마다 새로 고치고 아약스 호출 빈도를 설정할 수 있습니다. 여기에 몇 가지 코드가 도움이 될 수 있습니다.

HTML 코드 : time_portion의 부분의

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

코드입니다. 그것은 단지 시간을 보여줍니다.

<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와 아약스 호출에 의해이 부분 새로 고침 나는 1 초를 위해 그것의 주파수를 설정하고 변경할 수 있습니다.

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

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

    }, 1000); 
}); 

Answer 2

JS Clock

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