2012-03-21 3 views
0

に変更私はは、実際のページ上で現在の時刻がレールを使用してフォーマットをダニ表示し、毎秒

ことなく、簡単な時計の上で実行されているようなリアルチック形式で自分のページ上での時間を表示したい全体page.Iをリフレッシュレールを使用しています3.Give any idea

+0

'のsetInterval(関数(){はconsole.log(新しいDate()のtoLocaleString());}、1000);' –

答えて

2

ありがとうございます私はあなたが表示時間の一部を部分的に入れ、jquery ajax呼び出しでリフレッシュするべきだと思います。だから毎秒それをリフレッシュする必要がありますまた、そのajax呼び出しの頻度を設定することができます。ここではいくつかのコードはあなたに役立つかもしれません。

HTMLコード:time_portionの部分の

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

コード。それはちょうど時間を示します。

<h1>System Time</h1> 

<div class="time-detail"><p><%[email protected]%></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); 
}); 
+0

はなぜ表示するためのバックエンドを使用しますこの!?あなたは単に 'new Date(); ...'を使用することができます – rfunduk

+0

コントローラコードはどこに行きますか? Application_Controller.rb?アプリケーションcontroller.rbには – Bruno

+0

があります。しかし、あなたはあなたの必要に応じて他のコントローラーを保つことができます。 – Kashiftufail

0

JS Clock

$(document).ready(function(){ 
    $('some-selector').jsclock(); 
}); 
関連する問題