您的位置：首页 > Web前端 > JavaScript

JavaScript的Date对象

2016-05-13 15:30 399 查看

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. 动态获取系统时间

示例：

<body >
<div id="dateTime">
</div>
<div id="imgTime">
<img src="images/0.png" alt="">
<img src="images/0.png" alt=""> :
<img src="images/0.png" alt="">
<img src="images/0.png" alt=""> :
<img src="images/0.png" alt="">
<img src="images/0.png" alt="">
</div>
<script type="text/javascript">
function toChinese(day)
{
switch(day)
{
case 0:
return '星期日';
case 1:
return '星期一';
case 2:
return '星期二';
case 3:
return '星期三';
case 4:
return '星期四';
case 5:
return '星期五';
case 6:
return '星期六';
}
}
function toDouble(num)
{
if (num<10)
{
return '0'+num;
}
else
{
return ''+num;
}
}
window.onload=function()
{
var oBtn = document.getElementById('btn1');
var img = document.getElementsByTagName('img');
var datetime = document.getElementById('dateTime');
var i = 0;
function upDateTime()
{
var date = new Date();
var dayTime = date.getFullYear()+'年'+(date.getMonth()+1)+'月'+date.getDate()+'日 '+toChinese(date.getDay());
// alert(dayTime);
dateTime.innerHTML=dayTime;
var strTime = toDouble(date.getHours())+toDouble(date.getMinutes())+toDouble(date.getSeconds());
for (i = 0; i <img.length; i++) {
img[i].src='images/'+strTime.charAt(i)+'.png';
}
}
setInterval(upDateTime,1000);
upDateTime();
}
</script>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航