JavaScript的Date对象

1. 获取日期和时间

方法

说明

getDate()

返回日期值1~31

getDay()

返回星期值0~6,也就是星期日到星期六

getMonth()

返回月份值0~11,就是一到十二月

getFullYear()

返回完整年份,例如:2016

getYear()

返回年份,如果在1900~1999间,返回后两位

getHours()

返回小时,0~23

getMinutes()

返回分钟,0~59

getSeconds()

返回秒数,0~59

getMilliseconds()

返回毫秒,0~999

getTime()

返回自1/1/1970年开始的秒数,单位毫秒

 

2. 设置日期和时间

方法

说明

setDate()

设置日期值1~31

setMonth()

设置月份值0~11,就是一到十二月

setFullYear()

设置完整年份,例如:2016

setYear()

设置年份,如果在1900~1999间,返回后两位

setHours()

设置小时,0~23

setMinutes()

设置分钟,0~59

setSeconds()

设置秒数,0~59

setMilliseconds()

设置毫秒,0~999

setTime()

设置自1/1/1970年开始的秒数,单位毫秒

3. 日期和时间的转换

方法

说明

getTimezoneOffset()

返回本地时间和GMT的时间差,以分钟为单位

toGMTString()

返回转换成GMT时间的字符串

toLocalString()

返回将GMT转换成本地时间到字符串

Parse(Date)

返回参数Date对象从1/1/1970到本地时间的毫秒数,以毫秒为单位

UTC(Date)

返回参数Date对象从1/1/1970GMT时间的毫秒数,以毫秒为单位

4. 动态获取系统时间

示例:

 1 <body >
 2             <div id="dateTime">
 3             </div>
 4             <div id="imgTime">
 5                 <img src="images/0.png" alt="">
 6                 <img src="images/0.png" alt="">&nbsp;:
 7                 <img src="images/0.png" alt="">
 8                 <img src="images/0.png" alt="">&nbsp;:
 9                 <img src="images/0.png" alt="">
10                 <img src="images/0.png" alt="">
11             </div>
12             <script type="text/javascript">
13                 function toChinese(day)
14                 {
15                     switch(day)
16                     {
17                         case 0:
18                         return '星期日';
19                         case 1:
20                         return '星期一';
21                         case 2:
22                         return '星期二';
23                         case 3:
24                         return '星期三';
25                         case 4:
26                         return '星期四';
27                         case 5:
28                         return '星期五';
29                         case 6:
30                         return '星期六';    
31                     }
32                 }
33                 function toDouble(num)
34                 {
35                     if (num<10) 
36                     {
37                         return '0'+num;
38                     }
39                     else
40                     {
41                         return ''+num;
42                     }
43                 }
44                 window.onload=function()
45                 {  
46                     var oBtn = document.getElementById('btn1');
47                     var img = document.getElementsByTagName('img');
48                     var datetime = document.getElementById('dateTime');
49                     var i = 0;
50                     function upDateTime()
51                     {
52                         var date = new Date();
53                         var dayTime = date.getFullYear()+''+(date.getMonth()+1)+''+date.getDate()+''+toChinese(date.getDay());
54                     // alert(dayTime);
55                     dateTime.innerHTML=dayTime;
56                     var strTime = toDouble(date.getHours())+toDouble(date.getMinutes())+toDouble(date.getSeconds());
57                     for (i = 0; i <img.length; i++) {
58                         img[i].src='images/'+strTime.charAt(i)+'.png';
59                     }
60                 }
61                 setInterval(upDateTime,1000);
62                 upDateTime();
63             }
64         </script>
65     </body>

 

posted @ 2016-05-13 15:30  蔷薇蔓蔓  阅读(173)  评论(0编辑  收藏  举报