学习前端的第二十七天——data对象以及延时器

今天介绍下延时器，还有date对象来实现一些效果，话不多说，冻手

一、data对象

创建一个日期对象
var d = new Date();

从日期对象获取信息
console.log(d.getFullYear());    //获取年

console.log(d.getMonth());       //获取月，注意月份是从0开始

console.log(d.getDate());        //获取日

console.log(d.getDay());         //获取周

console.log(d.getHours());       //获取小时

console.log(d.getMinutes());     //获取分钟

console.log(d.getSeconds());     //获取秒数

console.log(d.getMilliseconds());//获取毫秒


时间戳
console.log(d.getTime());        //获取从1970年1月1日至今的毫秒
console.log(d)                   //返回本地时间，包含年月日星期时分秒

设置日期：
1.粗野模式，简单粗暴，但是会清零时分秒
var d = new Date("2008/8/8");

2.复杂模式
var d = new Date();

d.setFullYear();    //设置年

d.setMonth();          //设置月，超过11，累加年

d.setDate();          //设置日，超过最大日期，累加月

d.setHours();         //设置小时，超过24，累加天

d.setMinutes();       //设置分钟，超过60，累加小时

d.setSeconds();       //设置秒，超过60，累加分钟

d.setMilliseconds();  //设置毫秒，超过1000，累加秒

d.setTime()        //设置从1970年1月1日过去了多少毫秒

二、延时器（定时器）

setTimeout(函数, 时间) 延时器，类似于炸弹，只要时间到了才会执行，执行一次

例子：

<button>开始</button>
<button>结束</button>

var aBtn = document.getElementsByTagName('button');
var timer = null;
aBtn[0].onclick = function(){
    
    
    timer = setTimeout(function(){
    
    
        alert('小心，要爆了!');
    }, 5000)
} 
aBtn[1].onclick = function(){
    
    
    clearTimeout(timer);
}