JS定时器

定时器

日期对象

• 创建Date对象语法

var date = new Date();

• Date对象常用方法

  var date = new Date;//时刻记录，记录创建时刻，非实时
        console.log(date.getDate());//返回日期月份中的天数（1-31）
        console.log(date.getDay());//返回星期中星期几（0代表星期天，6代表星期六）
        console.log(date.getMonth());//返回日期日期中的月份（0代表一月，11代表十二月）
        console.log(date.getFullYear());//取得4位数年份
        console.log(date.getHours());//返回日期中小时数（0-23）
        console.log(date.getMinutes());//返回日期中的分钟数（0-59）
        console.log(date.getSeconds());//返回日期中的秒数（0-59）
        console.log(date.getMilliseconds());//返回日期中的毫秒数（0-999）
        console.log(date.getTime());//时间戳

• 用getTime举个例子

  var first = new Date().getTime();
  for(var i=0;i<1000000;i++){
  }
  var last = new Date().getTime();
  console.log(last - first);//循环执行毫秒数
  

定时器

• setInterval

  setInterval(function(){//每隔1000毫秒执行一次函数
  },1000);
  

  //控制台打印1-10
  var i = 0;
  var timer = setInterval(function(){
  console.log(i++);
  if(i>10){
  clearInterval(timer);//清除interval
  }
  },1000);

  *内部this指向window

• setTimeout

  setTimeout(function(){  //等待1000后执行函数，并且只执行一次
  console.log('a');
  },1000);
  

  • 清除函数为:clearTimeout();清除方法setInterval。
  • 内部this指向window
  • 实例应用：播放视频试看部分