IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> js---Dete()函数介绍 -> 正文阅读

[JavaScript知识库]js---Dete()函数介绍

一、Date()是一个构造函数,必须使用new调用

输出结果:

?注意:在使用date函数之前一定要用new调用

二、传参:

如果要输出设定时间,则可以在调用时直接传参:

这样输出的结果就是传入的时间值:?

?上面是通过字符串方式传参,也可以通过数字形式,不过会有一点小问题

?

?可以看到同样是输入的9月,但字符串形式输出的是我想要的时间,但数字形式却比我输入的时间要多出一个月,这是因为date函数的月份计算是从0~11,也就是说输入的9,电脑读出来的时间其实是十月,所以如果要以数字形式输入,记得在月份的基础上加一,这样才能得到想要的结果。

除此之外,星期数的计算也是从0到6,0代表星期日,1代表星期一

三、日期和时间的格式化

如果要单独输出年月日和时分秒,则需要用到以下函数:

?比如我要单独获得年:

?这样就可以获得当前的年份啦:

?下面介绍一下如何把格式换成我们想要的样子吧

 //格式化年月日
var y = date.getFullYear();
         var m = date.getMonth()+1;
         var d = date.getDate();
         var x = date.getDay();
         var arr = [`星期天`, `星期一`, `星期二`, `星期三`, `星期四`, `星期五`, `星期六`];
         console.log(y + `年` + m + `月` + d + `日 ` + arr[x]);

这样输出的结果就比较顺眼了

特别注意星期数得到的是0~6的数字哦,所以我们需要用一个数组包装转换一下?

同理,时分秒当然也可以包装一下:

   //格式化时分秒
        var h = date.getHours();
         h = h < 10 ? `0` + h : h;
         var min = date.getMinutes();
         min = min < 10 ? `0` + min : min
         var s = date.getSeconds();
         s = s < 10 ? `0` + s : s
         console.log(h + `:` + min + `:` + s); 

这里有一个小小的技巧,当我们得到的时间小于10时,输出的结果是一个一位数,影响美观,所以这里用到了一个判断语句:

当输出的结果小于10时,会添加上一个字符串“0”,这样得到的结果就美观多了

输出结果为当前时间:

四、获得Date总的毫秒数(时间戳)

获得当前时间距离1970年一月一号午夜的毫秒数

方法一:

? 通过 valueOf()/getTime()获取

? ? ? ? ?console.log(date.valueOf());

? ? ? ? console.log(date.getTime());

这两个函数写法和效果都一样:

方法二:

?

?方法三:

?方法二、三书写比较简单,是比较常用的方式

?五、倒计时

在写页面的时候倒计时会用得比较多,比如特价大甩卖那些,其实倒计时得思路很简单。

第一步:获得当前时间戳

第二步:获得指定时间的时间戳

?

第三步:指定时间的时间戳减掉当前时间戳,就得到剩余时间毫秒数,也就是倒计时的时间了?

这里除以1000是为了把毫秒换成秒,方面下面的格式化,毕竟目前得到的是毫秒,不方便阅读

下面是格式化时间的代码:?

 //倒计时:
        function countDown(time) {
            let newTime = +new Date();//当前时间总毫秒数
            let inputTime = +new Date(time);//输入时间总毫秒数
            let times = (inputTime - newTime) / 1000;//剩余时间总秒数

            let d = parseInt(times / 60 / 60 / 24);//天
            d = d < 10 ? `0` + d : d;

            let h = parseInt(times / 60 / 60 % 24);//时
            h = h < 10 ? `0` + h : h;

            let m = parseInt(times / 60 % 60);//分
            m = m < 10 ? `0` + m : m;

            let s = parseInt(times % 60);//秒
            s = s < 10 ? `0` + s : s;

            return d + `天` + h + `时` + m + `分` + s + `秒`;
        }
        console.log(countDown(`2022-10-01 24:00:00`)); //这里输入指定时间,我输入的是国庆节的日期哦,所以这就是国庆节倒计时啦

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-09-15 01:54:55  更:2022-09-15 01:57:05 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 9:47:43-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码