JavaScript中的Date(日期)对象

时间:2022-01-17 20:13:54

日期对象用于处理日期和时间。
定义日期:Date 对象用于处理日期和时间。
可以通过 new 关键词来定义 Date 对象。比如:
var myDate=new Date() ;//Date 对象自动使用当前的日期和时间作为其初始值。注意Date()大小写。
document.write(myDate);//结果是:Tue Jul 15 12:57:22 UTC+0800 2008 
操作日期:
比如:设定特定日期setFullYear()

<script type="text/javascript">
var mydate=new Date();
mydate.setFullYear(
2009,7,15);
document.write(mydate);
</script>

输出显示为:Sat Aug 15 13:01:25 UTC+0800 2009 
比如:将日期对象设置为 5 天后的日期
var myDate=new Date();
myDate.setDate(myDate.getDate()+5);
注意:如果增加天数会改变月份或者年份,那么日期对象会自动完成这种转换。
比较日期:日期对象也可用于比较两个日期。

常用日期操作
第一:返回当前日期和时间:Date();

JavaScript中的Date(日期)对象<html>
<body>
<script type="text/javascript">
document.write(Date());
</script>
</body>
</html>JavaScript中的Date(日期)对象

第二:getTime():使用getTime() 计算从 1970 年到今天有多少年。

JavaScript中的Date(日期)对象<html>
<body>
<script type="text/javascript">
var minutes = 1000*60;
var hours = minutes*60;
var days = hours*24;
var years = days*365;
var d = new Date();
var t = d.getTime();
var y = t/years;
document.write("It's been: " + y + " years since 1970/01/01!");
</script>
</body>
</html>
JavaScript中的Date(日期)对象

第三:setFullYear();使用 setFullYear() 得到精确的日期。

JavaScript中的Date(日期)对象<html>
<body>
<script type="text/javascript">
var d = new Date();
d.setFullYear(
2010,1,1);
document.write(d);
</script>
</body>
</html>
JavaScript中的Date(日期)对象

第四:toUTCString():使用 toUTCString() 将当日的日期(根据 UTC)转换为字符串。

JavaScript中的Date(日期)对象<html>
<body>
<script type="text/javascript">
var d = new Date();
document.write (d.toUTCString());
</script>
</body>
</html>
JavaScript中的Date(日期)对象

第五:getDay():使用 getDay() 来显示星期. 

JavaScript中的Date(日期)对象<html>
<body>
<script type="text/javascript">
var d=new Date();
var weekday=new Array(7);
weekday[
0]="Sunday";
weekday[
1]="Monday";
weekday[
2]="Tuesday";
weekday[
3]="Wednesday";
weekday[
4]="Thursday";
weekday[
5]="Friday";
weekday[
6]="Saturday";
document.write(
"Today it is " + weekday[d.getDay()]);
</script>
</body>
</html>
JavaScript中的Date(日期)对象

第六:显示一个时钟

JavaScript中的Date(日期)对象<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
m
=checkTime(m);
s
=checkTime(s);
document.getElementById(
'txt').innerHTML=h+":"+m+":"+s;
t
=setTimeout('startTime()',500);
}
function checkTime(i)
{
if (i<10
  {i
="0" + i}
  
return i
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>