千家信息网

JavaScript的Date对象怎么用

发表于:2024-11-24 作者:千家信息网编辑
千家信息网最后更新 2024年11月24日,本篇内容介绍了"JavaScript的Date对象怎么用"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成
千家信息网最后更新 2024年11月24日JavaScript的Date对象怎么用

本篇内容介绍了"JavaScript的Date对象怎么用"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

接下来说明 JS 第二类常见的内置对象 -- Date 对象

Date 对象和 Math 对象不同,Math 对象不是构造函数,可以直接使用,而 Date 对象是一个构造函数,所以我们必须经过对象实例化,即 new 过之后才可以使用,Date 对象多用于处理开发中的时间和日期方面的问题。

Date 对象实例化:

var date=new Date();

Date 对象实例化时可以有参数也可以没有参数,没有参数输出的就是当前系统当时的的标准时间,有参数的话我们可以输出想要展现的时间

一:无参数的实例化

没有参数实例化后会展现出当前系统当时的时间和日期

var date=new Date();  //没有参数console.log(date);  //会输出当前时间

二:有参数的实例化

有参数的实例化分为两种,分别是 数字型 和 字符串型 ,以下分别对两种类型举例说明

1.数字型参数的实例化:

var date=new Date(2021,1,18);  //数字型参数console.log(date);

可以看到我们输入的参数是1月,但输出的结果是Feb(2月),数字型的输出会比我们输入的月份大一个月。

2.字符串型参数的实例化:

var date=new Date('2021-1-18 12:56:00');  //字符串型参数console.log(date);

参数是1月,输出端的结果也是1月,因此利用字符串型参数要比数字型更多一些。

三:格式化年月日

我们已经知道Math对象有很多属性和方法可以直接使用,Date对象也一样,实例化过后也可以使用很多方法,比较常用的有三种格式化年月日的方法

getFullYear() 输出当前年份

getMonth() 输出当前月份 (应注意输出的月份比实际月份小1,输出真实月份应该加1)

getDate() 输出当前几号

getDay() 输出当前周几 (周一到周天分别对应数字:1 2 3 4 5 6 0)

var Date=new Date(); console.log(Date.getFullYear());  //输出当前年份 console.log(Date.getMonth() + 1);  //输出结果为当前月份的前一月,要手动加1才能返回当前月份 console.log(Date.getDate());  //输出当前几号 console.log(Date.getDay());  //输出当前周几

如果想要输出效果为 2021年1月18日 星期二 ,以下操作即可

(因为星期几只能返回一个数字,但是根据习惯我们想要返回的是'星期几',所以我们把返回的数字当做一个索引,把星期天到星期六放到一个数组中,因为星期天返回的是0,所以把星期天放在数组的第一个位置,正好对应0索引)

var arr=['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];var Date=new Date();var year=Date.getFullYear(); var month=Date.getMonth() + 1; var date=Date.getDate();var day=Date.getDay();   console.log(year + '年' + month + '月' + date + '日' + arr[day]);

四:格式化时分秒

与上面格式化年月日使用方法类似

getHours() 输出当前小时

getMinutes() 输出当前分钟

getSeconds() 输出当前秒

var Date=new Date();  console.log(Date.getHours());  //输出当前小时console.log(Date.getMinutes());  //输出当前分钟console.log(Date.getSeconds());  //输出当前秒

输出连续格式时分秒:

将其封装在了函数内,并利用三元运算符将不足10的数字补0,符合平常看时间的习惯

function time(){var time=new Date();var h=time.getHours();h = h<10 ? '0'+h : h;var m=time.getMinutes();m = m<10 ? '0'+m : m;var s=time.getSeconds();s = s<10 ? '0'+s : s;return h+'时'+m+'分'+s+'秒';}console.log(time());

五:获取当前时间总毫秒数(时间戳)

这里所说的总毫秒数是指当前时间距离1970年1月1日的总毫秒数,共有四种方法可以表示

valueOf()

getTime()

var date=new Date();console.log(date.valueOf());   console.log(date.getTime());

或者使用另外一种简便写法 var date=+new Date();返回的就是总毫秒数

var date=+new Date();console.log(date);

以及H5新增加的一种方法,这个方法不需要实例化对象即可获得,更为简便

console.log(Date.now());

六:倒计时案例(重点)

在日常开发中很多地方都会用的到倒计时,例如淘宝,京东的双十一秒杀倒计时等,我们如何也写出一个倒计时效果呢,我们首先会想到刚才学到的获取当前时间,再减去我们设置好的时间即可,但是我们获取到的标准时间很可能会出现减去之后是负数的情况(例如02-12)这怎么办呢?于是我们的时间戳便有利用价值了,时间戳即刚才讲到过的总毫秒数,这个时间是永远不会重复的,对此我们可以使用设置好的总毫秒数减去当前的总毫秒数,在进行一系列单位换算,就可以得到一个简单的倒计时案例了,首先我们需要熟练记清楚单位换算之间的关系:

1秒=1000毫秒

天数=秒数/60/60/24

小时数=秒数/60/60%24

分钟数=秒数/60%60

秒数=秒数%60

对于无法整除的秒数,我们利用 parseInt() 方法取整即可,有了这样一个换算关系,我们就可以轻松地完成这个倒计时案例了

function count(time){    var nowtime=+new Date(); //得到当前时间    var aimtime=+new Date(time);  //得到目标时间(结束时间)    var times=(aimtime-nowtime)/1000;  //得到倒计时时间差(毫秒) 除1000得到秒    var d=parseInt(times/60/60/24)  //得到倒计时天数    d=d<10?'0'+d:d;  //将不足10的时间补0    var h=parseInt(times/60/60%24)  //得到倒计时小时数    h=h<10?'0'+h:h;  //将不足10的时间补0    var m=parseInt(times/60%60)  //得到倒计时分钟数    m=m<10?'0'+m:m;  //将不足10的时间补0    var s=parseInt(times%60)  //得到倒计时秒数    s=s<10?'0'+s:s;  //将不足10的时间补0    return d + '天' + h + '时' + m + '分' + s +'秒';  //返回倒计时}alert('倒计时还剩下' + count('2022-1-18 16:30:00'));  //调用并输入目标的结束时间

"JavaScript的Date对象怎么用"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站,小编将为大家输出更多高质量的实用文章!

输出 时间 参数 对象 星期 倒计时 实例 数字 方法 月份 格式 字符 字符串 小时 案例 函数 年月 年月日 更多 结果 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 网络技术及应用有哪些 英雄联盟哪个外服服务器人多 信息系统网络安全设备 软件开发面试多久后 深圳顶级软件开发有限公司 自家的服务器地址填什么 网络安全责任追剧制度 电商数据库网络安全研究 服务器不知道密码可以关机吗 2019年网络技术挑战赛 网络安全自由 山东神马互联网科技有限公司 帝国神话服务器怎么打开控制面板 2k20关服务器还能玩吗 主从数据库设计 互联网科技与金融专业 网络安全事件的影响意识形态 大学有游戏软件开发专业吗 b站软件开发设计 三星与谷歌服务器连接失败 软件开发后台开发工作认识 河北省网络安全平台 函数在网络技术中应用 梦幻一年内服务器 服务器 毕业论文 如何查看电脑服务器启动类型 前端登陆注册链接数据库 网站未落实网络安全管理制度 达梦数据库 dm8 费用 我的世界服务器进服福利超级多
0