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>
片