【Rails】リアルタイムで時間を表示する方法

現在プログラミングスクールに通い

７０日間でWEBエンジニアになれるよう勉強中です！

本日はrailsでリアルタイムの時間を表示する方法について

書きたいと思います！

◆実際のコードの書き方

<Viewファイル>

 

<div class='time-display'>

<script>

realtime();

function set(num) {

// 桁数が1桁だったら先頭に0を加えて2桁に調整する

var ret;

if( num < 10 ) { ret = "0" + num; }

else { ret = num; }

return ret;

}

// 現在時間を取得し表示する

function realtime(){

const now = new Date();

document.getElementById("realtime").innerHTML = now.toLocaleTimeString();

}

setInterval('realtime()',1000);

</script>

◆簡単な解説

now.toLocaleTimeString();

toLocaleTimeString()メソッドは、

その日付の時間部分を言語に沿った表現にして

文字列を返すメソッドです。

setInterval('realtime()',1000);

setIntervalは一定時間ごとに特定の処理を繰り返す

オブジェクトです。

setInterval('実行する内容',実行間隔);で

数値の単位は「ミリ秒」で表記されるので、

1秒ごとに処理を行いたければ「1000」と記述。