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/1970到GMT时间的毫秒数,以毫秒为单位 |
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=""> : 7 <img src="images/0.png" alt=""> 8 <img src="images/0.png" alt=""> : 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>