前言
這次認認真真又重新看了相關內容,現把需要注意的地方總結如下:
1、通過getDay()
得到的星期數是從0開始,0表示星期天,之後從1~6依次表示星期一到星期六;
2、得到日期需使用getDate()
而不是getDay()
,因為可能習慣性地認為日期就是天數,可能會使用getDay()
,但其實getDay()
是用於得到星期數的;
3、通過getMonth()
得到月份,從0開始計數,所以需要再加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>
總結
以上就是利用JavaScript實現頁面實時顯示時間的全部內容,文中介紹的方法還是很簡單易懂的,非常適合大家學習或者直接使用,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。