javaScript语法阶段(4)：Data对象、定时器

---

一、Date对象

JS内置了核心对象Date，该对象存储的日期为自 1970 年 1 月 1 日 00:00:00 以来的毫秒数，并且提供了一系列处理时间与日期方法

1.创建Date对象

基本格式：

var 变量名=new Date();
var 变量名=new Date(year,month,day,hours,minutes,seconds);

代码如下（示例）：

var date=new Date(); //返回当前系统时间
var date=new Date(2000,0,1,10,10,10);//返回2000年1月10日 10点10分10秒

2.Date对象常用方法

方法名	描述
getYear()	返回年份数 当前年份-1900
getFullYear()	返回年份数
getMonth()	返回月份数（0–11）0表示1月
getDate()	返回日期数（1–31）
getDay()	返回星期数（0–6）0表示星期天
getHours()	返回时数（0–23）
getMinutes()	返回分数（0–59）
getSeconds()	返回秒数（0–59）
getMilliseconds()	返回毫秒数（0–999）
getTime()	返回对应日期基线的毫秒
toGMTString()	以GMT格式表示日期对象
toLocaleString()	返回日期的字符串表示，其格式根据系统当前的区域设置来确定

代码如下（示例）：

var date=new Date(2020,1,2,3,4,5);
			console.log(date.getYear()); //输出120
			console.log(date.getFullYear())//输出年份2020
			console.log(date.getMonth())//输出月份1
			console.log(date.getDate())//输出一个月的第2天
			console.log(date.getDay())//输出一个星期中的星期0
			console.log(date.getHours())//输出小时输3
			console.log(date.getMinutes())//输出分钟数4
			console.log(date.getSeconds())//输出秒数5
			console.log(date.getMilliseconds())//返回毫秒数
			
			console.log(date.getTime())//返回距离日期基线的总毫秒数
			console.log(date.toGMTString())//Sat, 01 Feb 2020 19:04:05 GMT
			console.log(date.toLocaleDateString())//2020/2/2下午12:40:02

二、定时器

1.创建setTimeout()定时器

X毫秒后  执行一次，只会执行一次

基本格式：

setTimeout(函数名,毫秒数);
setTimeout(匿名函数,毫秒数);
setTimeout(“表达式”,毫秒数);
setTimeout(“函数名()”,毫秒数);

代码如下（示例）：

//setTimeout(函数名,毫秒数);
setTimeout(hello, 3000)//仅填写函数名，不能加()，否则会立即执行  
function hello() {  
    alert("hello");  
}


//setTimeout(匿名函数,毫秒数);
setTimeout(function(){  
    alert("hello");  
}, 3000)


//setTimeout("表达式",毫秒数);
setTimeout("alert('hello')", 3000) 


//setTimeout(“函数名()”,毫秒数);
setTimeout("hello()", 3000)  
function hello() {  
    alert("hello");  
}

2.创建setInterval()函数

每隔X毫秒后  执行一次，会一直反复执行

基本格式：

setInterval(函数名,毫秒数);
setInterval(匿名函数,毫秒数);
setInterval(“表达式”,毫秒数);
setInterval(“函数名()”,毫秒数);

代码如下（示例）：

//setInterval(函数名,毫秒数);
setInterval(hello, 3000)//仅填写函数名，不能加()，否则会立即执行  
function hello() {  
    alert("hello");  
}


//setInterval(匿名函数,毫秒数);
setInterval(function(){  
    alert("hello");  
}, 3000)


//setInterval("表达式",毫秒数);
setInterval("alert('hello')", 3000) 


//setInterval(“函数名()”,毫秒数);
setInterval("hello()", 3000)  
function hello() {  
    alert("hello");  
}

3.清除定时器

代码如下（示例）：

 var num = 0;      
    var timer = setInterval(timer, 1000)      
    function timer() {      
        num++;      
        document.getElementById("text").innerHTML = num;      
    }     
    function stop(){    
        clearInterval(timer);    
    }

总结

注意：1.getMonth()返回的月份 0表示1月，2.getDays返回星期数 0表示星期天，3.setTimeout(hello, 3000) //仅填写函数名，不能加()，否则会立即执行