千家信息网

javascript内置对象Date怎么使用

发表于:2026-11-03 作者:千家信息网编辑
千家信息网最后更新 2026年11月03日,这篇文章主要讲解了"javascript内置对象Date怎么使用",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"javascript内置对象Date怎么
千家信息网最后更新 2026年11月03日javascript内置对象Date怎么使用

这篇文章主要讲解了"javascript内置对象Date怎么使用",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"javascript内置对象Date怎么使用"吧!

    Date的基本使用

    内置对象Date是构造函数,用new创建对象,无参数时返回当前时间,可加参数返回特定时间

    //内置对象Date是构造函数,用new创建对象,无参数时返回当前时间,可加参数返回特定时间var now_time = new Date();console.log(now_time);// 年月日之间可以用-或者/var time_1 = new Date('2018-05-06 12:36:15');var time_2 = new Date('2018/05/06');console.log(time_1);console.log(time_2);

    格式化时间

    可以从上图看到返回的时间格式 Sun May 06 2018 00:00:00 GMT+0800 (中国标准时间) 不符合我们中国人的表示习惯
    所以我们需要获取日期的指定部分,然后进行日期格式化。

    方法名说明代码
    getFullYear()获取当年Obj.getFullYear()
    getMonth()获取当月,返回0 -11Obj.getMonth()
    getDate()获取当天日期Obj.getDate()
    getDay()获取星期几(周日0 到 周六6)Obj.getDay()
    getHours()获取当前小时Obj.getHours()
    getMinutes()获取当前分钟Obj.getMinutes()
    getSeconds()获取当前秒钟Obj.getSeconds()

    1.格式化日期 - 年,月,日

    //格式化日期- 年,月,日var date = new Date(); // 实例化一个日期对象var year = date.getFullYear();  // 返回当前日期年份var month = date.getMonth() + 1;  //返回的是0-11,分别对应1-12月,所以接果+1才是正确的月数year = year < 10? '0' + year: year ;var dates = date.getDate();    // 返回几号dates  = dates < 10? '0' + dates: dates ;var day = date.getDay();   //返回的是0-6,分别对应星期天-星期六var day_arr = ['星期天','星期一','星期二','星期三','星期四','星期五','星期六',]console.log('今天是:'+ year + '年' + month +  '月' + dates + '日' + day_arr[day]);

    2.格式化时,分,秒

          function getTime(){            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(getTime());

    获取Date总的毫秒数(时间戳)

    我们时常可以看到时间戳,那么他是怎么来的呢?

    其实时间戳表示的是从1970年1月1号到当前时间的总的毫秒数。

    至于为什么是1970年的这个时间,感兴趣的可以百度看看,十分有趣。

    在我们javascript中获取时间戳有三种方法。

    //获取Date总的毫秒数(时间戳) ,是从1970年1月1号到当前的总的毫秒数 至于为什么是这个时间,感兴趣的可以百度看看,十分有趣//1.通过 valueOf() 或者 getTime() 方法var date = new Date();console.log(date.valueOf());  //得到的是我们当前时间距离1970 1.1的总的毫秒数console.log(date.getTime());//2.简单的写法(最常用的写法)var date = +new Date(); console.log(date);//3.H5 新增的,ie9以下不适用console.log(Date.now());

    案例-网页倒计时核心算法(重要)

    1)核心算法:输入的时间减去现在的时问就是利余的时问,即倒计时,但是不能拿着时分秒相减,比如05分减去25分,结果会是负数的。

    2)用时间载来做。用户输入时间总的老秒数减去现在时间的总的毫秒数,得到的就是剩余时间的毫秒数。

    3)把剩余时间总的毫秒数化为秒然后转换为天、时、分、秒(时间转换为时分秒)

    转换公式下:

    d = parselnt (总秒数/60/60/24); 计算天数
    h = parselnt (总秒数/60/60%24); 计算小时
    m = parselnt (总秒数/60%60); 计算分数
    s = parselnt (总秒数%60); 计算当前秒数

    //网页倒计时核心算法function countTime(time){    var newTime = +new Date(); //获取当前总的毫秒数(时间戳)    var inputTime = +new Date(time); // 得到指定时间的时间戳    var times = (inputTime - newTime) / 1000; // 剩余时间的秒数    var d = parseInt(times / 60 / 60 / 24); // 天数 ,取整    d = d<10 ? '0'+d : d; // 补零    var h = parseInt(times / 60 / 60 % 24);  // 时    h = h<10 ? '0'+h : h;    var m = parseInt(times / 60 % 60); //分    m = m<10 ? '0'+m : m;    var s = parseInt(times % 60);  //秒    s = s<10 ? '0'+s : s;    return d + '天' + h + '时' + m + '分' + s + '秒';}    console.log(countTime('2022-03-01 18:00:00'));

    感谢各位的阅读,以上就是"javascript内置对象Date怎么使用"的内容了,经过本文的学习后,相信大家对javascript内置对象Date怎么使用这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是,小编将为大家推送更多相关知识点的文章,欢迎关注!

    时间 星期 对象 日期 格式 参数 倒计时 就是 方法 核心 算法 剩余 学习 有趣 兴趣 内容 写法 函数 天数 小时 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 瑰夏咖啡 互联网科技工作委员会副主任毛军 互联网科技垄断 互联网科技开发公司 狮子座互联网科技有限公司 互联网金融科技平台 北京禾田雨橡互联网科技 一五八零互联网科技 博兴的互联网电子科技公司 济南华为互联网科技产业总部基地 北京华百购互联网科技有限公司 互联网对科技的发展 佛山市拉法互联网科技有限公司 中和天地互联网科技有限公司 合肥互联网科技公司公章图片 上海京穆互联网科技有限公司 沐思想互联网科技有限公司 互联网金融科技公司的优势 广州燕处互联网科技有限公司 恒生科技互联网指数十大成分股 华服互联网科技怎么样 科技类互联网 上海挚品互联网科技 互联网科技股票 科技赋能互联网健康 湖北码尼互联网科技有限公司电话 996高科技互联网公司 2021互联网科技公司排名 半导体是互联网高科技吗 互联网时代高科技布局
    0