JS实现获取毫秒值及转换成年月日时分秒的方法

 更新时间:2018年08月15日 11:04:49   作者:dadaDaShiXiong  
这篇文章主要介绍了JS实现获取毫秒值及转换成年月日时分秒的方法,结合实例形式分析了javascript常见的Date()日期时间获取、转换相关操作技巧,需要的朋友可以参考下

本文实例讲述了JS实现获取毫秒值及转换成年月日时分秒的方法。分享给大家供大家参考,具体如下:

时间日期对象

创建方式一

var date=new Date();

创建方式二 兼容性最强 推荐使用

var date1=new Date("2017/08-26 15:15:15");

创建方式三

var date2=new Date(2017,9,18,23,15,23);

返回结果是从1970/01/01到现在的毫秒值

var date = Date.now();
var date = +new Date();
var date = new Date().getTime();
var date = new Date().valueOf();

把日期解析成毫秒值

var date=Date.parse("2017-05-24 18:23:14");

传入毫秒值 获取该毫秒值对应的时间日期

var date =new Date(Date.now());

getDate() 获取日 1-31
getDay () 获取星期 0-6(0代表周日)
getMonth () 获取月 0-11(1月从0开始)
getFullYear () 获取完整年份(浏览器都支持)
getHours () 获取小时 0-23
getMinutes () 获取分钟 0-59
getSeconds () 获取秒 0-59
getMilliseconds () 获取毫秒 (1s = 1000ms)
getTime () 返回累计毫秒数(从1970/1/1午夜)

自己简单封装的输入毫秒值,根据不同的参数获取年月日时分秒

获取你想要的时间格式 参数(毫秒值,int) int取值为:0:年1:月2:日3:时4:分5:秒
如:

console.log(getTime(1523604904000,1));
function getTime(second,getDateType) {
  var date =new Date(second);
  if(getDateType==0){
    return date.getFullYear();
  }else if(getDateType==1){
    if((date.getMonth()+1)<=9){
      return "0"+(date.getMonth()+1);
    }else {
      return date.getMonth()+1;
    }
  }else if(getDateType==2){
    if(date.getDate()<=9){
      return "0"+date.getDate();
    }else {
      return date.getDate();
    }
  }else if(getDateType==3){
    if(date.getHours()<=9){
      return "0"+date.getHours();
    }else {
      return date.getHours();
    }
  }else if(getDateType==4){
    if(date.getMinutes()<=9){
      return "0"+date.getMinutes();
    }else {
      return date.getMinutes();
    }
  }else if(getDateType==5){
    return date.getSeconds ();
  }else {
    alert("输入时间格式有误!");
    return;
  }
}

这里使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun,测试结果如下:

PS:这里再为大家推荐几款比较实用的天数计算在线工具供大家使用:

在线日期/天数计算器:
http://tools.jb51.net/jisuanqi/date_jisuanqi

在线日期计算器/相差天数计算器:
http://tools.jb51.net/jisuanqi/datecalc

在线日期天数差计算器:
http://tools.jb51.net/jisuanqi/onlinedatejsq

在线天数计算器:
http://tools.jb51.net/jisuanqi/datejsq

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript时间与日期操作技巧总结》、《JavaScript+HTML5特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • 浅谈JavaScript Math和Number对象

    浅谈JavaScript Math和Number对象

    这篇文章主要简单介绍了JavaScript Math和Number对象的相关资料,需要的朋友可以参考下
    2015-01-01
  • 深入浅出ES6之let和const命令

    深入浅出ES6之let和const命令

    这篇文章主要介绍了ES6中let和const命令的相关资料,非常不错,具有参考借鉴价值,对es6 let const相关知识感兴趣的朋友一起看下吧
    2016-08-08
  • Chrome插件开发系列一:弹窗终结者开发实战

    Chrome插件开发系列一:弹窗终结者开发实战

    从这一节开始,我们将从零开始打造我们的chrome插件工具库,第一节我们将讲一下插件开发的基础知识并构建一个简单但却很实用的插件,在构建之前,我们先简单的了解一下插件以及插件开发的基础知识
    2020-10-10
  • javascript截取字符串(通过substring实现并支持中英文混合)

    javascript截取字符串(通过substring实现并支持中英文混合)

    用js方法substring()、方法substr()实现如标题所示的截取字符串并支持中英文混合,具体代码如下,感兴趣的各位可以参考下哈
    2013-06-06
  • JavaScript创建一个object对象并操作对象属性的用法

    JavaScript创建一个object对象并操作对象属性的用法

    这篇文章主要介绍了JavaScript创建一个object对象并操作对象属性的用法,实例分析了javascript使用object类定义对象及属性的用法,需要的朋友可以参考下
    2015-03-03
  • setTimeout时间设置为0详细解析

    setTimeout时间设置为0详细解析

    setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层容器名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method,下面这篇文章主要给大家介绍了关于setTimeout时间设置为0的相关资料,需要的朋友可以参考下。
    2018-03-03
  • Web层改进II-用xmlhttp 无声息提交复杂表单

    Web层改进II-用xmlhttp 无声息提交复杂表单

    Web层改进II-用xmlhttp 无声息提交复杂表单...
    2007-01-01
  • JavaScript DOM 添加事件

    JavaScript DOM 添加事件

    这是我在给库中添加事件的时候写的添加事件的方法!这个方法实现了跨浏览器之间的方法!
    2009-02-02
  • js实现踩五彩块游戏

    js实现踩五彩块游戏

    这篇文章主要为大家详细介绍了js实现踩五彩块游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • JS实现自动固定顶部的悬浮菜单栏效果

    JS实现自动固定顶部的悬浮菜单栏效果

    这篇文章主要介绍了JS实现自动固定顶部的悬浮菜单栏效果,涉及JavaScript针对window.onscroll事件的响应及页面样式动态变换的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09

最新评论