您当前的位置:首页 > 电脑百科 > 程序开发 > 语言 > javascript

JavaScript 内置对象之——Date,看完你会更清晰

时间:2022-02-11 10:11:29  来源:  作者:前端全家桶

Date对象是 JAVAScript原生的时间库。它以1970年1月1日00:00:00作为时间的零点,可以表示的时间范围是前后各1亿天(单位为毫秒)。

Date对象的创建:

Date可以当作构造函数使用。对它使用new命令,会返回一个Date对象的实例;如果不加参数,实例代表的就是当前时间。

var today = new Date();

today.toString(); 

// Sun Feb 23 2020 15:09:42 GMT+0800 (中国标准时间)

// 对Date实例求值,返回的是一个字符串,代表该实例对应的时间。

日期的处理:

 

oDate.getDate();     // 返回一个月中的某一天 (1 ~ 31)

 oDate.getDay();      // 返回一周中的某一天 (0 ~ 6)

 oDate.getMonth(); 	 // 返回月份 (0 ~ 11)

 oDate.getFullYear(); // 以四位数字返回年份

作为构造函数时,Date对象可以接受多种格式的参数,返回一个该参数对应的时间实例:

// 参数为时间零点开始计算的毫秒数

new Date(1378218728000);     //(最常用)

// 代表年、月、日、小时、分钟、秒、毫秒

new Date(2020, 1, 23, 0, 0, 0, 0)

// Sun Feb 23 2020 00:00:00GMT+0800

// 参数也可以是一个字符串(最常用)

// 日期字符串应该符合RFC 2822和ISO 8061这两个标准,即YYYY-MM-DDTHH:mm:ss.sssZ格式

new Date('2020-2-23');

new Date('2020/2/23');

new Date('02/23/2020');

new Date('2020-FEB-23');

new Date('FEB, 23, 2020');

new Date('Feberuary, 23, 2020');

new Date('23 Feb 2020');

new Date('23, Feberuary, 2020');

//  上面多种日期字符串的写法,返回的都是同一个时间

获取日期时间:

注意,月份从0开始计算,但是,天数从1开始计算。另外,除了日期的默认值为1,小时、 分钟、秒钟和毫秒的默认值都是0。

oDate.getDate(); 		 // 返回一个月中的某一天 (1 ~ 31)

oDate.getDay();  		 //  返回一周中的某一天 (0 ~ 6)

oDate.getMonth(); 		 // 返回月份 (0 ~ 11)

oDate.getFullYear();	 // 以四位数字返回年份

oDate.getHours();   	 // 返回当前小时(0-23)

oDate.getMinutes();  	 //  返回当前分钟 (0 ~ 59)

oDate.getSeconds();      //返回当前秒(0 ~ 59)

oDate.getMillisenconds();// 返回当前毫秒(0 ~ 999)

oDate.getTime();  		 //返回1970年1月1日至今的毫秒数

设置日期时间:

这些参数如果超出了正常范围,就会被自动折算。比如,如果月设为15,就折算为下一年的4月

oDate.setDate();             //设置月中的某一天 (1 ~ 31)

oDate.setMonth();            //设置月份 (0 ~ 11)

oDate.setFullYear();         //设置年份(四位数)

oDate.setHours();            //设置小时(0-23)

oDate.setMinutes();          //设置分钟 (0 ~ 59)

oDate.setSeconds();          //设置秒(0 ~ 59)

oDate.setMillisenconds();    //设置毫秒(0 ~ 999)

oDate.setTime();             //设置1970年1月1日至今的毫秒数

日期的运算:

类型自动转换时,Date实例如果转为数值,则等于对应的毫秒数;

如果转为字符串,则等于对应的日期字符串。

所以,两个日期实例对象进行减法运算时,返回的是它们间隔的毫秒数;进行加法运算时,返回的是两个字符串连接而成的新字符串。

var d1 = new Date(2020, 2, 23);

var d2 = new Date(2020, 3, 29);

d2 - d1

// 518400000

d2 + d1

// Sun Mar 29 2020 00:00:00 GMT+0800 (中国标准时间)Mon Mar 23 2020 00:00:00 GMT+0800 (中国标准时间)

静态方法:

Date.parse():方法用来解析日期字符串,返回该时间距离时间零点(1970年1月1日 00:00:00)的毫秒数。

日期字符串应该符合 RFC 2822 和 ISO 8061 这两个标准,即YYYY-MM-DDTHH:mm:ss.sssZ格式,其中最后的Z表示时区。但是,其他格式也可以被解析,例如:

Date.parse('Dec 8, 2010')

Date.parse('January 20, 2020 12:32:13')

Date.parse('Mon, 12 Dec 2020 13:30:00 GMT')

Date.parse('Mon, 21 Dec 2020 13:30:00 +0430')

Date.parse('2010-10-10')

Date.parse('2012-12-10T12:12:00')

setInterval(func,time):

有两个参数,第一个参数是一个函数,第二个参数是时间间隔,单位是毫秒;

每间隔time毫秒,会执行一次函数。

// setInterval的返回值是一个数字

function box(){

  console.log(1)

}

var timer = setInerval(box,1000);

// 上面代码意思是,每间隔1000毫秒,box函数执行一次。

setTimeout(func,time):

第一个参数func是将要推迟执行的函数名,第二个参数time是推迟执行的毫秒数。

setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器。

btn.onclick= function(){

    setTimeout (function(){

    	alert("我出现在2秒后");

    },2000)

 }

clearTimeout():取消延时器

clearInterval():取消定时器

setTimeout()和setInterval函数,都返回一个整数值,表示计数器编号。将该整数传入clearTimeout和clearInterval函数,就可以取消对应的定时器。

var f1 = setTimeout(f, 1000);

var f2 = setInterval(f, 1000);

clearTimeout(f1);

clearInterval(f2);

// 上面代码中,回调函数f不会再执行了,因为两个定时器都被取消了。


Tags:内置对象   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
Date对象是 JavaScript原生的时间库。它以1970年1月1日00:00:00作为时间的零点,可以表示的时间范围是前后各1亿天(单位为毫秒)。Date对象的创建:Date可以当作构造函数使用。对它...【详细内容】
2022-02-11  Tags: 内置对象  点击:(0)  评论:(0)  加入收藏
这个小分享呢,道哥给大家分享一下使用率灰常灰常灰常高的数学函数Math,既然是数学函数那么肯定就离不开计算,那么我们接下来看一下它究竟是什么 主要干什么用已知变量如下定义v...【详细内容】
2019-10-30  Tags: 内置对象  点击:(158)  评论:(0)  加入收藏
在网页上呢大家经常可以看到有当天日期啊 时间啊等等,那么这些数据都是从哪里来的呢,今天道哥就给大家分享一下再javascript中的日期是怎么一回事。特简单,道哥的每一个小分享...【详细内容】
2019-10-25  Tags: 内置对象  点击:(116)  评论:(0)  加入收藏
▌简易百科推荐
Date对象是 JavaScript原生的时间库。它以1970年1月1日00:00:00作为时间的零点,可以表示的时间范围是前后各1亿天(单位为毫秒)。Date对象的创建:Date可以当作构造函数使用。对它...【详细内容】
2022-02-11  前端全家桶    Tags:内置对象   点击:(0)  评论:(0)  加入收藏
当谈到嵌入式开发时,您通常首先查看您在硬件级别尝试做什么。例如,如果您需要读取某种传感器并将公式应用于其值,以便您可以在某处显示结果,您可以查看哪些微控制器带有模数转换...【详细内容】
2022-02-11  粤嵌教育    Tags: JavaScript   点击:(1)  评论:(0)  加入收藏
api接口指的是应用程序编程接口(Application Programming Interface),是一些预先定义的函数,或指软件系统不同组成部分衔接的约定。用来提供应用程序与开发人员基于某软件或硬件...【详细内容】
2022-02-03  风度翩翩的番茄鸡蛋    Tags:Js   点击:(17)  评论:(0)  加入收藏
上文中咱们简单提到了JDK9中Flow接口中的静态内部类实现了响应式流的JAVA API,并且提供了一个一个Publisher的实现类SubmissionPublisher。本文将先梳理一下接口中具体的处理...【详细内容】
2022-02-03  蜜糖的代码注释    Tags:JDK   点击:(10)  评论:(0)  加入收藏
什么是闭包?相信很多人听了有点懵,然后去百度查了一下官方的定义“闭包就是能够读取其他函数内部变量的函数”发现感觉自己更懵了。关于闭包如果只看那官方的定义的话确实不是...【详细内容】
2022-01-21  编程小帅    Tags:JS   点击:(23)  评论:(0)  加入收藏
预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十...【详细内容】
2022-01-04  锋享前端    Tags:Javascript   点击:(28)  评论:(0)  加入收藏
说明面向对象的三个基本特征是:封装、继承、多态。call函数:预定义的JavaScript方法,用来调用所有者对象作为参数的方法。上节内容:面向对象,类、对象、属性、方法,静态属性和方法...【详细内容】
2022-01-04  IT小奋斗    Tags:JavaScript   点击:(34)  评论:(0)  加入收藏
JavaScript 的故事很长。在今天,JavaScript 的运行从移动设备到服务器端,无论您是计划在 2022 年学习或使用 JavaScript ,还是目前正在使用JavaScript进行开发,还是已经熟练掌握...【详细内容】
2021-12-30  Mason程    Tags:JavaScript   点击:(36)  评论:(0)  加入收藏
1、通过条件判断给变量赋值布尔值的正确姿势// badif (a === 'a') { b = true} else { b = false}// goodb = a === 'a'2、在if中判断数组长度不为零...【详细内容】
2021-12-24  Mason程    Tags:JavaScript   点击:(36)  评论:(0)  加入收藏
给新手朋友分享我收藏的前端必备javascript已经写好的封装好的方法函数,直接可用。方法函数总计:41个;以下给大家介绍有35个,需要整体文档的朋友私信我,1、输入一个值,将其返回数...【详细内容】
2021-12-15  未来讲IT    Tags:JavaScript   点击:(48)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条