JavaScript页面实时显示当前时间实例代码

2016-11-26 16:24:37　 js实时时间

前言

这次认认真真又重新看了相关内容，现把需要注意的地方总结如下：

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> <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实现页面实时显示时间的全部内容，文中介绍的方法还是很简单易懂的，非常适合大家学习或者直接使用，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。

《JavaScript页面实时显示当前时间实例代码》阅读地址：http://www.haoshilao.net/12573/

相关阅读：

最新图文教程：

已有0条评论，点击查看发表评论