JS笔记 ( 二十一 ) date 对象 定时器

---

博主的 Github 地址

---

 
 

1. date 对象

(1) 定义

• 日期对象是系统提供好的, 打印当前的年月日时分秒
   

(2) 创建 date 对象

• 语法: var date = new Date();
• 备注: 该对象储存的是被创建出来的那一刻的时间
   

(3) getTime() 方法

• 语法: dateObj.getTime()
• 备注: 返回 1970 年 1 月 1 号至今的毫秒数

 
 

2. 定时器

• 设置定时器有两种方法
   

(1) setInterval() 方法

• 参数表: ( function(){}, 间隔毫秒 )

• 作用: 每隔一定的毫秒, 执行一次定时器内的 function

• 备注 1:
  若将时间间隔封装到变量当中, 如 var time = 1000;,
  再设置一个定时器, 如 setInterval(function(){},time),
  若后面将变量 time 内的数值进行改变, 如 time = 2000,
  但是定时器并不会发生时间间隔的改变,
  该函数识别时间间隔只会识别一次, 后面的改变并不会对其造成影响

• 备注 2:
  setInterval() 方法的时间间隔并不准确, 会有误差

• 备注 3:
  该方法的返回值是该定时器的唯一标识,
  可以通过 clearInterval(唯一标识) 来删除目标定时器

 

(2) setTimeout() 方法

• 参数表: ( function(){}, 间隔毫秒 )
• 作用: 间隔一定的毫秒后, 执行定时器内的 function, 并且只执行一次
• 备注:
  这个方法的返回值也是返回该定时器的唯一标识,
  这个唯一标识并不会与另一种定时器重叠,
  因为该定时器是用 clearTimeout(唯一标识) 来进行消除.

 

(3) 关于这两个定时器

• 这两个定时器都是全局对象 window 上的方法, 内部函数的 this 都指向 window
   
• 无论是 setInterval 还是 setTimeout 方法,
  它们都可以在第一个参数中放入字符串, 这个字符串的内容将会当做 js 代码执行

setInterval("console.log('hi')", 1000);