JavaScript 日期与计时器

Date

1. Date 是一个构造函数，其原型上定义了一些日期方法

2. Date()

   执行 Date()，返回表示日期的字符串

3. new Date()

   没有参数，返回当前日期实例对象

   var date = new Date();
   console.log(Object.prototype.toString.call(date)); // [Object Date]
   date.getFullYear() // 返回年份，如 2020
   dae.getMonth() // 返回月份减一，加一获得月份
   date.getDate() // 返回几号，1 到 31
   date.getDay() // 返回周几，0 到 7，周日开始
   date.getHours() // 返回小时
   date.getMinutes() // 返回分钟
   date.getSeconds() // 返回秒数
   date.getMilliseconds() // 返回毫秒数
   // 有 get 一样有 set 方法
   复制代码

   有参数，返回对应的日期

   var date = new Date(2020, 1, 1, 8, 30, 10);
   var date = new Date('2020/1/1 8:30:10');
   var date = new Date('2020/01/01 08:30:10');
   var date = new Date('2020-1-1 8:30:10');
   // Sat Feb 01 2020 8:30:10 GMT+0800 (中国标准时间)
   复制代码

4. getTime()

   返回时间戳，即毫秒数

   计算机纪元时间 1970 年 1 月 1 日 0 点 0 分 0 秒

   时间戳：某个时间距离计算机纪元时间的通过的毫秒数

   var dateTime = new Date().getTime(); // 返回当前时间的时间戳
   var date = new Date(dateTime); // 返回时间戳对应时间
   date.setTime(dateTime); // 以时间戳为标准设置时间
   复制代码

计时器

1. setInterval

   每隔特定的毫秒数执行一次内部函数，从当前开始计时

   返回一个数字，是计时器的惟一标识，表明在全部计时器和延时器中的序号

   是 window 下的方法

   setInterval(function(){
       
   }, 1000) // 匿名函数
   funtion Test() {
       
   }
   setInterval(test, 1000);
   setInterval('test()', 1000); // 字符串形式传入方法
   复制代码

2. clearInterval

   清除计时器

   var timer = setInterval(function(){}, 1000); // timer 是惟一标识，表明在全部计时器中的序号
   clearInterval(timer);
   复制代码

延时器

1. setTimout

   延迟指定时间执行一次内部函数

   返回一个数字，是延时器的惟一标识，表明在全部计时器中和延时器的序号

   setTimeout(function(){
       
   }, 1000) // 匿名函数
   funtion Test() {
       
   }
   setTimeout(test, 1000);
   复制代码

2. clearTimeout

   清除延时器

   var timer = setTimeout(function(){}, 1000); // timer 是惟一标识，表明在全部计时器中的序号
   clearTimeout(timer);
   复制代码

定时任务

1. 功能

   等待条件知足时执行任务，设定时间内条件未知足则执行回调函数

2. 参数

   • re: 判断条件函数，return 要执行 fn 的条件
   • fn: 等待执行的目标函数
   • space: setInterVal 的间隔时间，space || 100
   • wait: setTimeOut 的等待时间，wait || 3000
   • back: fn 未成功执行时回调函数

3. 代码

   function timer(re, fn, space, wait, back) {
       if (re()) {
           fn();
       } else {
           var interval = setInterval(function() {
               if (re()) {
                   fn();
                   clearInterval(interval);
                   interval = null;
               }
           }, space || 100);
           setTimeout(function() {
               if (interval) {
                   clearInterval(interval);
                   interval = null;
                   back && back();
               }
           }, wait || 3000);
       }
   }
   复制代码