今天介绍下延时器,还有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);
}