html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

JavaScript页面实时显示当前时间实例代码_javascript技巧_

[ ] 已经帮助:人解决问题

前言YphHTML5中文学习网 - HTML5先行者学习网

这次认认真真又重新看了相关内容,现把需要注意的地方总结如下:YphHTML5中文学习网 - HTML5先行者学习网

1、通过getDay()得到的星期数是从0开始,0表示星期天,之后从1~6依次表示星期一到星期六;YphHTML5中文学习网 - HTML5先行者学习网
YphHTML5中文学习网 - HTML5先行者学习网

2、得到日期需使用getDate()而不是getDay() ,因为可能习惯性地认为日期就是天数,可能会使用getDay() ,但其实getDay()是用于得到星期数的;YphHTML5中文学习网 - HTML5先行者学习网
YphHTML5中文学习网 - HTML5先行者学习网

3、通过getMonth()得到月份,从0开始计数,所以需要再加1。YphHTML5中文学习网 - HTML5先行者学习网
YphHTML5中文学习网 - HTML5先行者学习网

实例代码如下:YphHTML5中文学习网 - HTML5先行者学习网

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

总结YphHTML5中文学习网 - HTML5先行者学习网

以上就是利用JavaScript实现页面实时显示时间的全部内容,文中介绍的方法还是很简单易懂的,非常适合大家学习或者直接使用,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。YphHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助