时间、定时器

时间、定时器

Date对象

Date对象是用来处理时间和日期，内置了一系列获取和设置日期和时间的方法

• 使用：
  每次在使用它之前，都需要配合new关键字， 来生成一个Date对象
  然后通过Date对象，再去调用各种方法
• 备注： Date获取的是当前计算机的本地时间

	var date = new Date();
	console.log(date);

• toLocaleString( )：可把时间对象 转换为字符串(我们需要的格式)

	date.toLocaleString();

• getTime( ): 返回的是1970年1月1日距今的毫秒数

	date.getTime();

例：计算出，从1970/1/1至今 过去多少年了

	var fen = 1000 * 60;
	var hour = fen * 60;
	var days = hour * 24;
	var years = days * 365; 
			
	var date = new Date();
	var t = date.getTime();
	console.log("1970年距今过去了 " + Math.floor(t/years) + "年");

设置时间和日期

• date.setTime( ): 以毫秒数 设置Date对象

	date.setTime(93599945322);

• date.setFullYear( ): 设置 年 月 日

	date.setFullYear(2019,7,24);

• date.setMonth( ) : 设置 月 日 毫秒

	date.setFullYear(2019,7,24);

• date.setHours( ) : 设置 时 分 秒 毫秒

	date.setMonth(7,24);

• date.setMinutes( ): 分 秒 毫秒

	date.setHours(12,0,0);

获取时间和日期

• date.getFullYear( ) : 获取年份
• date.getMonth( ) : 获取到月份 取值范围 0~11
• date.getDate( ) : 获取一个月中的第几天
• date.getDay( ) : 获取一周中的第几天
• date.getHours( ) : 获取小时
• date.getMinutes( ) : 获取分钟
• date.getSeconds( ) : 获取秒数

定时器

setInterval( ): 会去重复执行某一个功能

• 参数1： 每次执行的具体任务, 自定义
• 参数2： 每次执行的间隔时间, 自定义 单位为毫秒

setTimeout( ): 只执行一次的定时器

• 参数1： 执行的具体任务
• 参数2： 间隔多久执行 (延迟)

clearInterval( )： 清除定时器

• 需要有记录器(变量自增),来记录运行次数，到达指定条件时触发
• 定义定时器时，需要定义变量来保存这个定时器(例如： time)
  然后使用clearInterval()方法。来清除这个变量中的定时器，并将这个变量置空(time = null)

	var box = document.getElementsByClassName("box")[0];
			var i = 0;	
			var num = 0;  //定时器的 次数 记录器  (自定义的)
			var time = setInterval(function (){
				i = Math.floor(Math.random()*250);
				box.innerHTML = "啊啊啊~~" + i;
				num++;  //变量自增
				console.log("啊啊啊");
				if(num > 5){  //如果到达指定条件
				//清除定时器:
				   clearInterval(time);
				   time = null;	
			    }
			},1000);
			var time_two = setTimeout(function(){
				box.style.backgroundColor = "yellow";
				console.log("啦啦啦");
			},2000);