10.14.JS-date对象,定时器

655 阅读1分钟

日期对象

  • 日期对象, 是系统提供好的 var date = new Date();
  • date.getTime(); 日期对象中最常用的

js定时器

  • setInterval();
  • setTimeout();
  • clearInterval();
  • clearTimeout();
  • 全局对象window上的方法,内部函数this指向window
  • setInterval("func()",1000) setInterval("console.log('a');", 1000);
// setInterval不准
var date = new Date();
setInterval(function () {
  if (new Date().getTime() - date.getTime()) {
    console.log(new Date().getTime() - date.getTime())
    date = new Date();
    console.log('时差');
  }
}, 1000)

计时器

var mimutesNode = document.getElementsByTagName('input')[0];
var secondsNode = document.getElementsByTagName('input')[1];
var minutes = 0,
  seconds = 0;
var timer = setInterval(function () {
  seconds++;
  if (seconds == 60) {
    seconds = 0;
    minutes++;
  }
  secondsNode.value = seconds;
  mimutesNode.value = minutes;
  if (minutes == 3) {
    clearInterval(timer);
  }
}, 1000)