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>