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一覧