JavaScript Date 对象以及两大定时器

JavaScript Date 对象以及两大定时器

1、Date 对象

Date对象是用来处理日期和时间的,通过js实现显示时间的效果。

创建 Date 对象的语法:var myDate = new Date();

注释:Date 对象会自动把当前日期和时间保存为其初始值。

2、常用的 Date 方法

Date()——返回当日的日期和时间。

getDate()——从 Date 对象返回一个月中的某一天 (1 ~ 31)。

getDay()——从 Date 对象返回一周中的某一天 (0 ~ 6)。

getMonth()——从 Date 对象返回月份 (0 ~ 11)。

getFullYear()——从 Date 对象以四位数字返回年份。

getHours()——返回 Date 对象的小时 (0 ~ 23)。

getMinutes()——返回 Date 对象的分钟 (0 ~ 59)。

getSeconds()——返回 Date 对象的秒数 (0 ~ 59)。

getMilliseconds()——返回 Date 对象的毫秒(0 ~ 999)。

getTime()——返回 1970 年 1 月 1 日至今的毫秒数。

注释:月份是从0-11,其代表的是1到12月份;星期天是从0-6, 0代表星期天,其他正常。

以下是获取日期对象的函数:(这个封装的函数返回的是一个对象,用户可根据自己的需求选择想要的效果)

注意事项:

(1)获取month的数据是应该让其值+1才等同于当前月份;

(2)周几通过switch语句实现。

(3)createZero(n)函数是为了在单个数字前实现加“0”效果。

3、设置日期

方法有两种:

(1)直接设置:创建日期时传参:

字符:一个参数;可以设置局部;没有设置的部分清0;年月日的部分之间,可以用“-”,“.”,“/”,“,”隔开;超出上限,Invalid Date对象(意外的日期对象)。

数值:多个参数,每一部分都是一个参数;月份从0开始计算;可以设置局部;没有设置的部分清0;超出上限,向前进1。

(2)方法设置:set系列:接收的是数值;月份从0开始;没有设置的部分是当前时间;超出上限,进1。

时间戳设置:以计算机元年开始经过了的毫秒数

set系列,设置指定的值;若超出上限,则进1。

小拓展:计算两个日期的差值

以下是计算两个任意时间的差值得函数,如果设置的是一个值则是计算这个时间到当前时间的差值。(函数返回的是一个对象,并不是一个具体的日期格式,用户可以根据自己的需求选择自己想要的效果)

4、定时器

(1)计时器

开启:setInterval()

参数1:回调函数

参数2:毫秒数

功能:每个指定的毫秒数执行一次回调函数,不会停止

demo:

清除计时器:clearInterval()

事件(条件触发):使用条件触发来清除,例如onclick(点击)事件;

(2)延时器

开启:setTimeout()

参数1:回调函数

参数2:毫秒数

功能:延迟指定的毫秒数之后,只执行一次回调函数

demo:

清除:clearTimeout()

事件(条件触发):同上

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 13,877评论 6 13
  •   引用类型的值(对象)是引用类型的一个实例。   在 ECMAscript 中,引用类型是一种数据结构,用于将数...
    霜天晓阅读 4,781评论 0 1
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,466评论 0 4
  • 概述 Date对象是JavaScript提供的日期和时间的操作接口。它可以表示的时间范围是,1970年1月1日00...
    许先生__阅读 3,514评论 0 1
  • 两个基础知识: JavaScript内的时间戳指的是当前时间到1970年1月1日00:00:00 UTC对应的毫秒...
    Sketch阅读 4,032评论 0 0