ホームページ > 記事 > ウェブフロントエンド > JavaScript ページには現在のインスタンス コードがリアルタイムで表示されます
はじめに
今回、改めて関連内容を読み直し、注意すべき点を以下にまとめます。
1 getDay()で取得する週数は0から始まり、0は日曜日を意味します。 1 ~ 6 から始まるということは、月曜日から土曜日までを意味します
2. 日付を取得するには、getDay() の代わりに getDate() を使用する必要があります。 getDay() を使用することもできますが、実際には getDay() を使用して週数を取得します。
3. getMonth() で月を取得するため、1 を加算する必要があります。
コード例は次のとおりです:
<html> <head> <title></title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link rel="stylesheet" type="text/css" href=""> <script type="text/javascript"></script> <style type="text/css"> input{ width: 200px; } </style> </head> <body> <input id="input"> <script type="text/javascript"> var in_1 = document.getElementById('input'); function showTime(){ var date = new Date(); var week = date.getDay(); var weekday; switch(week){ case 0: weekday = '星期天';break; case 1: weekday = '星期一';break; case 2: weekday = '星期二';break; case 3: weekday = '星期三';break; case 4: weekday = '星期四';break; case 5: weekday = '星期五';break; case 6: weekday = '星期六';break; } var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); var hour = date.getHours(); var minute = date.getMinutes(); var second = date.getSeconds(); var in_1 = document.getElementById('input'); in_1.value = year + '年' + month + "月" + day + '日'+' ' + weekday + ' ' + hour + ':' + minute + ':' + second; setTimeout(showTime,1000); } showTime(); </script> </body> </html>