JavaScript date()関数で現在時刻を表示する方法

環境
Google Chrome 111.0.5563.147
Windows 10 Home 64bit

書式
let 変数名 = new Date();
「date()」関数でスクリプトが読み込まれた時刻データを取得します。
変数名.toLocaleString(“ja");
「toLocaleString()」関数で日本向けのフォーマットに変換しています。

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!DOCTYPE html>
<html>
<body>
<p id="time"></p>
<button onclick="funA()">表示</button>
<script>
function funA() {
//要素「id="time"」の取得
const cft = document.getElementById('time');
// 現在時刻
let td = new Date();
// 要素「id="time"」に時刻を表示する
cft.innerHTML = td.toLocaleString("ja");
}
</script>
</body>
</html>
<!DOCTYPE html> <html> <body> <p id="time"></p> <button onclick="funA()">表示</button> <script> function funA() { //要素「id="time"」の取得 const cft = document.getElementById('time'); // 現在時刻 let td = new Date(); // 要素「id="time"」に時刻を表示する cft.innerHTML = td.toLocaleString("ja"); } </script> </body> </html>
<!DOCTYPE html>
<html>
<body>
<p id="time"></p>
<button onclick="funA()">表示</button>

<script>
function funA() {
    //要素「id="time"」の取得
  const cft = document.getElementById('time');
  // 現在時刻
  let td = new Date();
   // 要素「id="time"」に時刻を表示する
  cft.innerHTML = td.toLocaleString("ja");
  
}
</script>

</body>
</html>

実行結果
「表示」ボタンを押すと、要素「id="time"」に現在時刻(2023/4/6 16:12:00)を表示します

JavaScript

Posted by arkgame