JavaScript Date（日期）对象

最新推荐文章于 2024-09-22 11:17:00 发布

依然那么楞

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量759

点赞数

文章标签： javascript 对象日期日期函数

本文链接：https://blog.csdn.net/ling811/article/details/17263675

版权

日期对象用于处理日期和时间。

JavaScript Date（日期）对象实例

返回当日的日期和时间

如何使用 Date() 方法获得当日的日期。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script type="text/javascript">

document.write(Date() + "<br>");
</script>
</body>
</html>

效果图：

getTime()

getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script type="text/javascript">
var d = new Date();
document.write("从  1970/01/01 至今已过去 " + d.getTime() + " 毫秒"  + "<br>");

</script>

</body>
</html>

效果图：

setFullYear()

如何使用 setFullYear() 设置具体的日期。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script type="text/javascript">

var date = new Date();
date.setFullYear(1990,08,11);
document.write(date + "<br>");

</script>
</body>
</html>

效果图：

toUTCString()

如何使用 toUTCString() 将当日的日期（根据 UTC）转换为字符串。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script type="text/javascript">
var d = new Date();
document.write(d.toUTCString() + "<br>");
</script>

</script>
</body>
</html>

getDay()

如何使用 getDay() 和数组来显示星期，而不仅仅是数字。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script type="text/javascript">

var d=new Date();
var weekday = new Array(7);
weekday[0] = "星期日";
weekday[1] = "星期一"
weekday[2] = "星期二"
weekday[3] = "星期三"
weekday[4] = "星期四"
weekday[5] = "星期五"
weekday[6] = "星期六"

document.write("今天是：" + weekday[d.getDay()] + "<br>");
</script>
</body>
</html>

效果图：

显示一个钟表

如何在网页上显示一个钟表。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body οnlοad="startTime()">
<script>
	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>
<div id="txt"></div>
</body>
</html>

效果图;