3.Date对象

最新推荐文章于 2024-07-28 20:27:10 发布

huang_kuh

最新推荐文章于 2024-07-28 20:27:10 发布

阅读量138

点赞数

分类专栏：自我学习总结 JS 第三章数据类型文章标签： javascript

本文链接：https://blog.csdn.net/huang_kuh/article/details/105584076

版权

自我学习总结同时被 2 个专栏收录

138 篇文章 0 订阅

订阅专栏

JS 第三章数据类型

5 篇文章 0 订阅

订阅专栏

文章目录

一.Date对象常用方法

            get方法
getDate()           返回月中的某天
getDay()            返回星期中的某天
getFullYear()       返回四位数年份
getHours()          返回日期中的小时
getMulliseconds()   返回日期中的毫秒
getMinutes()        返回日期中的分钟
getMonth()          返回日期中的月
getSeconds()        返回日期中的秒
getTime()           返回自1970年1月起的毫秒数
getTimezoneOffset() 返回UTC和本地时间之间差值所对应的分钟数

            set方法
setDate()           设置月中的某天
setFullYear()       设置日期中的四位数,月中的一天对应的整数
setHours()          设置日期中的小时
setMulliseconds()   设置日期中的分钟
setMonth()          设置日期中的月
setSeconds()        设置日期中的秒
setTime()           使用自1970年1月1日期的毫秒数设置时间

二.向网页写入时间

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>写入时间</title>
</head>
<body>
	<p id="dateField">&nbsp;</p>
	<script type="text/javascript">
		var myDate = new Date();
		var dateString = myDate.toLocaleDateString() + " "
				+ myDate.toLocaleTimeString();
		alert(dateString);
		var deteLoc = document.getElementById("dateField");
		deteLoc.innerHTML = "Hello - Page Rendered on " + dateString;
	</script>
</body>
</html>

三.倒计时

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>倒计时</title>
</head>
<body>
<p id = "dateField"></p>
<script type="text/javascript">
	var today = new Date();
	var then = new Date();
	//January 1, 2017
	then.setFullYear(2017,9,28);
	//获得2017/9/28到现在的毫秒数
	var diff = then.getTime() - today.getTime();
	//转换成天数
	diff = Math.floor(diff/(1000*60*60*24));
	//获取id为dateField这个节点
	var dateLoc = document.getElementById("dateField");
	//往这个节点插入信息
	dateLoc.innerHTML = "There are " + diff + " days until 1/1/2017";
</script>
</body>
</html>

四.计算渲染时间

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>计算耗费时间</title>
<script type="text/javascript">
	var started = new Date();
	for (var i = 0; i < 1000000; i++) {
		
	}
	var now = started.getTime();
</script>
</head>
<body>
	<p id="dateField">
		<script type="text/javascript">
			var bottom = new Date();
			var diff = (bottom.getTime() - now) / 1000;
			var finaltime = diff.toPrecision(5);
			var dateLoc = document.getElementById("dateField");
			dateLoc.innerHTML = "Page rendered in " + finaltime + " seconds.";
		</script>
</body>
</html>

huang_kuh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
3.Date对象

文章目录一.Date对象常用方法二.向网页写入时间三.倒计时四.计算渲染时间一.Date对象常用方法 get方法getDate() 返回月中的某天getDay() 返回星期中的某天getFullYear() 返回四位数年份getHours() 返回日期中的小时getMulliseconds(...
复制链接

扫一扫

专栏目录