HTMLで時刻を表示する方法

ページ名:HTMLで時刻を表示する方法

HTMLでデジタル時間を表示することはできません。そのためには、HTMLにJavaScriptを追加する必要があります。この記事ではその方法を紹介します。

  • 1
    Windowsではメモ帳やメモ帳++、MacintoshではTextEditのようなシンプルなテキストエディタを開く。
  • 2
    以下のコードからなるHTML文書を始める。
    <html> <head> <script type="text/javascript"> function startTime() { var today=new Date(); var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds(); // 数字<10の前にゼロを加える m=checkTime(m); s=checkTime(s); document.getElementById('txt').innerHTML=h+": "+m+":"+s; t=setTimeout('startTime()',500); } function checkTime(i) { if (i<10) { i="0" + i; } return i; } </script> </head> <body onload="startTime()"> <div ></div> </body> </html> <html
  • 3
    ページを保存する。閲覧者にページを読んでもらうときに区別しやすいように、ファイル名をパーソナライズしてください。こうすることで、JavaScriptのリンクではなく、HTMLのリンクになります。
  • 4
    ファイルを開いてください。HTMLでデジタル時計を見ることができます。
  • この記事は、CC BY-NC-SAの下で公開されている " How to Display Time in HTML " を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。

    シェアボタン: このページをSNSに投稿するのに便利です。

    コメント

    返信元返信をやめる

    ※ 悪質なユーザーの書き込みは制限します。

    最新を表示する

    NG表示方式

    NGID一覧