JavaScript / 現在時刻の表示

greenwich-83350_1920.jpg




1-1 刻々と変わる現在時刻表示

JavaScriptで取得した現在時刻を
「曜日、月・日・年、時・分・秒、時差、タイムゾーン」の順で表示しています。



※「GMT+0900」は、UTC協定世界時とJST日本標準時との時差が9時間の意味ですが、Windowsで現在使わないGMTグリニッジ標準時が表示される理由は不明
※1982年1月1日から天文時間のGMTから原子時間のUTCに変わり、日常生活は意識していなくてもUTCを使っています。



1-2 刻々と変わる現在時刻表示のソースコード

<HTML・JavaScriptのソースコード>

<h2><output></output></h2> <script> window.addEventListener("load",function(){ const ele=document.getElementsByTagName("output")[0]; setInterval(function(){ const now = new Date(); ele.innerHTML=now; },100); },false) </script>

5行目と8行目をオミットすると、次の項目2の同様の効果になり、時刻は変化しません。
※オミット:除外、無視、省略
JavaScriptでのオミット方法は
①行のオミットは、行の最初に「// (オミットする行)」を記述(JavaScriptのみ)
②行の一部、複数行など特定の範囲の場合は、始まりと終わりに「/* (オミットする部分) */」を記述(CSS、JavaScript共通、HTMLは<!-- オミットする部分 -->)
③オミットしたい部分を削除する(HTML、CSS、JavaScript共通)
の3種類です。
③は、復活できないので、動作確認してから削除する
この事例で5行目と8行目をオミットするのは①が一番簡単



2 アクセス時刻表示

このページを読み込んだ時間は・・・

です

※このページを読み込んだ時刻表示ですので、時刻は変化しません。


<HTML・JavaScriptのソース>

<body onload="LoadProc();"> <h2><div id="DateTimeDisp"></div></h2> </body> <script> var now2 = new Date(); function LoadProc() { const target = document.getElementById("DateTimeDisp"); const Year = now2.getFullYear(); const Month = now2.getMonth()+1; const Date = now2.getDate(); const Hour = now2.getHours(); const Min = now2.getMinutes(); const Sec = now2.getSeconds(); target.innerHTML = Year + "年" + Month + "月" + Date + "日" + Hour + ":" + Min + ":" + Sec; } </script>




ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 144

なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー)
驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた
面白い 面白い 面白い 面白い 面白い 面白い 面白い 面白い 面白い 面白い
ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス
ガッツ(がんばれ!) ガッツ(がんばれ!) ガッツ(がんばれ!) ガッツ(がんばれ!) ガッツ(がんばれ!) ガッツ(がんばれ!) ガッツ(がんばれ!) ガッツ(がんばれ!)
かわいい かわいい かわいい かわいい かわいい かわいい かわいい かわいい

この記事へのコメント