新西兰服务器

javascript内置对象Date怎么使用


javascript内置对象Date怎么使用

发布时间:2022-03-15 18:15:09 来源:高防服务器网 阅读:99 作者:iii 栏目:开发技术

这篇文章主要讲解了“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 -11 Obj.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怎么使用这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是高防服务器网,小编将为大家推送更多相关知识点的文章,欢迎关注!

    [微信提示:高防服务器能助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

    [图文来源于网络,不代表本站立场,如有侵权,请联系高防服务器网删除]
    [