ロト君のサイト by lotokunn

L'sCore ロト君のサイトへようこそ!

  1. TOP
  2. パソコン
  3. Javascriptで現在時刻

Javascriptで現在時刻

皆さん今日は!ロト君です。
今回は、JavaScript(JS)で現在時刻を表示するものを作りましたので、掲載致します。

 

物としては非常に簡単且つ、便利なので是非使って頂けると幸いです。
コードは下記のものになります。
先ずは、HTMLです。

<p id="RealtimeClock">現在時刻取得中</p>

次に、javascriptです。

<script type="text/javascript">
 function set2fig(num) {
 // 桁数が1桁だったら先頭に0を加えて2桁に調整する
 var ret;
 if( num < 10 ) { ret = "0" + num; }
 else { ret = num; }
 return ret;
 }
 function showClock2() {
 var nowTime = new Date();
 var nowHour = set2fig( nowTime.getHours() );
 var nowMin = set2fig( nowTime.getMinutes() );
 var nowSec = set2fig( nowTime.getSeconds() );
 var msg = nowHour + ":" + nowMin + ":" + nowSec;
 document.getElementById("RealtimeClock").innerHTML = msg;
 }
 setInterval('showClock2()',1000);
</script>

上記のjavascriptでは、各頭に「0」を付ける様にしています。
参考にしたURLは下記のものです。
https://www.nishishi.com/javascript-tips/realtime-clock-setinterval.html


以上、今回はここまでです!ご視聴ありがとうございました!(・ω・)ノシ

 


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA



Hello!!

皆さんこんにちは!こんばんは!!ロト君です。

このサイトは私が興味を持ったモノやコトについて掲載をしていくサイトです。

主にパソコン関係やアニメ・ゲーム等について掲載すたいと思いますので、 どうぞ宜しくお願い致します!

コメント等はTwitter等を活用して頂けると有り難いです!!

Twitter: ロト君@lotokunn