2021-01-25

最新推荐文章于 2024-05-28 20:12:27 发布
原创最新推荐文章于 2024-05-28 20:12:27 发布 · 195 阅读
0 ·
CC 4.0 BY-SA版权
新手实验专栏收录该内容
22 篇文章
订阅专栏
DOM Project Date方法和计时器制作
在这里插入代码<!DOCTYPE html>
<html lang ="en">
	<head>
		<meta charset="utf-8">
		<title>Document</title>
		<style type="text/css">
			input{
				border:1px solid rgba(0,0,0,0.8);
				text-align:right;
				font-size:20px;
				font-weight:bold;
			}
			
		</style>
	</head>
	<body>
	
		minutes:<input type="text" value="0">
		seconds:<input type="text" value="0">
		
		<script type="text/javascript">
			
			//制作定时器   三分钟为止
			var minutesNode = document.getElementsByTagName('input')[0];
			
			var secondsNode = document.getElementsByTagName('input')[1];
			
			
			var minutes=0,
			    seconds=0;
				
			var timer =	setInterval(function (){
					
					seconds ++;
					if(seconds == 60){
						seconds = 0;
						minutes ++;
					}
					
					secondsNode.value = seconds;
					minutesNode.value = minutes;
					if(minutes == 3){
						clearInterval(timer);
					}
				},10);
			
			//日期对象  是系统提供好的
						
						//var date = new Date();
						
						//对象属性 construcor 返回队创建此对象的Date函数的引用
						//prototype  使您有能力向对象添加属性和方法
						
						//Date()	返回当日的日期和时间。
						//getDate()	从 Date 对象返回一个月中的某一天 (1 ~ 31)。
						//getDay()	从 Date 对象返回一周中的某一天 (0 ~ 6)。
					//	getMonth()	从 Date 对象返回月份 (0 ~ 11)。
					//	getFullYear()	从 Date 对象以四位数字返回年份。
						//getYear()	请使用 getFullYear() 方法代替。
					//	getHours()	返回 Date 对象的小时 (0 ~ 23)。
					//	getMinutes()	返回 Date 对象的分钟 (0 ~ 59)。
					//	getSeconds()	返回 Date 对象的秒数 (0 ~ 59)。
					//	getMilliseconds()	返回 Date 对象的毫秒(0 ~ 999)。
					//	getTime()	返回 1970 年 1 月 1 日至今的毫秒数。
					//	getTimezoneOffset()	返回本地时间与格林威治标准时间 (GMT) 的分钟差。
					//	getUTCDate()	根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
					//	getUTCDay()	根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
					//	getUTCMonth()	根据世界时从 Date 对象返回月份 (0 ~ 11)。
					//	getUTCFullYear()	根据世界时从 Date 对象返回四位数的年份。
					///	getUTCHours()	根据世界时返回 Date 对象的小时 (0 ~ 23)。
					//	getUTCMinutes()	根据世界时返回 Date 对象的分钟 (0 ~ 59)。
					//	getUTCSeconds()	根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
					//	getUTCMilliseconds()	根据世界时返回 Date 对象的毫秒(0 ~ 999)。
					//	parse()	返回1970年1月1日午夜到指定日期（字符串）的毫秒数。
					//	setDate()	设置 Date 对象中月的某一天 (1 ~ 31)。
					//	setMonth()	设置 Date 对象中月份 (0 ~ 11)。
					//	setFullYear()	设置 Date 对象中的年份（四位数字）。
					//	setYear()	请使用 setFullYear() 方法代替。
					//	setHours()	设置 Date 对象中的小时 (0 ~ 23)。
					//	setMinutes()	设置 Date 对象中的分钟 (0 ~ 59)。
					//	setSeconds()	设置 Date 对象中的秒钟 (0 ~ 59)。
					//	setMilliseconds()	设置 Date 对象中的毫秒 (0 ~ 999)。
					//	setTime()	以毫秒设置 Date 对象。
					//	setUTCDate()	根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
					//	setUTCMonth()	根据世界时设置 Date 对象中的月份 (0 ~ 11)。
					//	setUTCFullYear()	根据世界时设置 Date 对象中的年份（四位数字）。
					//	setUTCHours()	根据世界时设置 Date 对象中的小时 (0 ~ 23)。
					//	setUTCMinutes()	根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
					//	setUTCSeconds()	根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。
					//	setUTCMilliseconds()	根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
					//	toSource()	返回该对象的源代码。
					//	toString()	把 Date 对象转换为字符串。
					//	toTimeString()	把 Date 对象的时间部分转换为字符串。
					//	toDateString()	把 Date 对象的日期部分转换为字符串。
					//	toGMTString()	请使用 toUTCString() 方法代替。
					//	toUTCString()	根据世界时，把 Date 对象转换为字符串。
					///	toLocaleString()	根据本地时间格式，把 Date 对象转换为字符串。
			          //UTC()	根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。
			//valueOf()	返回 Date 对象的原始值。
			
			
			//JS定时器
			
			//setlnterval();
			//setTimeout();
			//clearlnterval();
			//clearTimeout();
			
			
			
		</script>
	</body>
</html>
片