这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
最近因为项目需要,有个需求是让实时显示当前时间,然后想想这不简单吗,自己就动手敲代码,但是发现一个问题,通过 getMonth() 得到月份,总是会比当前月份少 1,深深觉得实践出真知啊… 之前觉得 Date 对象挺简单的,有很多细节都没有注意。下面这篇文章就给大家详细介绍下。
前言
这次认认真真又重新看了相关内容,现把需要注意的地方总结如下:
1、通过
得到的星期数是从 0 开始,0 表示星期天,之后从 1~6 依次表示星期一到星期六;
- getDay()
2、得到日期需使用
而不是
- getDate()
, 因为可能习惯性地认为日期就是天数,可能会使用
- getDay()
,但其实
- getDay()
是用于得到星期数的;
- getDay()
3、通过
得到月份,从 0 开始计数,所以需要再加 1。
- getMonth()
实例代码如下:
- <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 实现页面实时显示时间的全部内容,文中介绍的方法还是很简单易懂的,非常适合大家学习或者直接使用,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。
来源: http://www.phperz.com/article/17/0513/330973.html