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

 
 

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);
发布了45 篇原创文章 · 获赞 0 · 访问量 1110

猜你喜欢

转载自blog.csdn.net/leon9dragon/article/details/104050749