JS获取时间的相关函数及时间戳与时间日期之间的转换


Posted in Javascript onFebruary 04, 2016

时间戳和时间日期的转换是常见的操作,下面就通过代码实例介绍一下如何实现它们之间的相互转换。

在没学习本文之前先给大家介绍下javascript中Date()构造函数参数:

关于Date对象大家想必一定不陌生,使用Date()构造函数创建一个时间对象是最基本的操作了,例如:

var theDate=new Date();
theDate.getDate();

使用以上代码可以获取当前日期的天。

上面是对于Date()构造函数最简单的应用了,Date对象具有多种构造函数,下面简单列举如下:

new Date()
new Date(milliseconds)
new Date(datestring)
new Date(year, month)
new Date(year, month, day)
new Date(year, month, day, hours)
new Date(year, month, day, hours, minutes)
new Date(year, month, day, hours, minutes, seconds)
new Date(year, month, day, hours, minutes, seconds, microseconds)

下面就对以上几个构造函数进行简单的分析。

1.new Date(),没有参数的时候,创建的是当前时间日期对象。

2.new Date(milliseconds),当参数为数字的时候,那么这个参数就是时间戳,被视为毫秒,创建一个距离1970年1月一日指定毫秒的时间日期对象。

3.new Date(datestring),此参数是一个字符串,并且此字符串一定能够使用Date.parse()转换。

4.以下六个构造函数是精确定义:

1).year,是一个整数,如果是0-99,那么在此基础上加1900,其他的都原样返回。
2).month,是一个整数,范围是0-11。

3.day,是一个整数,范围是1-31。

4.hours,是一个整数,范围是0-23。

5.minutes,是一个整数,范围是0-59。

6.seconds,是一个整数,范围是0-59.

7.microseconds,是一个整数,范围是0-9999。

代码实例:

var d1=new Date();
var d2=new Date(1320336000000);
var d3=new Date("2013-8-20 18:20:30");
var d4=new Date(2013,7,26);

一.时间日期转换为时间戳:

现在有这么一个时间日期:"2013/5/12 20:10:20",下面将其转换为时间戳形式:

代码如下:

var dateStr="2013/5/12 20:10:20";
var date=new Date(dateStr);
console.log(date.getTime());

利用getTime()函数即可获取指定时间日期对象的时间戳。

接下来再给大家介绍javascript的Date对象的getTime()方法

getTime()方法的定义和用法:

此方法返回当前时间距1970年1月1日之间的毫秒数。

注:该方法需要使用一个Date对象来调用。

点击可参阅更多相关Date对象方法和属性。

语法结构:

dateObject.getTime()

实例代码:

var myDate=new Date()
console.log(myDate.getTime())

以上代码可以输出当前时间距1970年1月1日之间的毫秒数。

其实还有其他很多方法,这里就不介绍了,只需要知道此中方式就可以,其他可以自己慢慢积累。

二.时间戳转换为事件日期:

实例代码一:

var date=new Date(1368360620000);
console.log(date.toLocaleString());

javascript的Date对象的toLocaleString()方法 toLocaleString()方法的定义和用法:

此方法可根据本地时间把 Date 对象转换为字符串,并返此字符串。

注:此方法需要用Date对象的实例调用。

语法结构:

dateObject.toLocaleString()

实例代码:

var d=new Date();
console.log(d.toLocaleString());

说下javascript的Date对象的toLocaleString()方法

toLocaleString()方法的定义和用法:

此方法可根据本地时间把 Date 对象转换为字符串,并返此字符串。

注:此方法需要用Date对象的实例调用。

语法结构:

dateObject.toLocaleString()

实例代码:

var d=new Date();
console.log(d.toLocaleString());

实例二:

function formatDate(now)
{ 
var year=now.getYear(); 
var month=now.getMonth()+1; 
var date=now.getDate(); 
var hour=now.getHours(); 
var minute=now.getMinutes(); 
var second=now.getSeconds(); 
return year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second; 
} 
var d=new Date(1368360620000); 
console.log(formatDate(d));
Javascript 相关文章推荐
js 创建快捷方式的代码(fso)
Nov 19 Javascript
JS.GetAllChild(element,deep,condition)使用介绍
Sep 21 Javascript
通过js简单实现将一个文本内容转译成加密文本
Oct 22 Javascript
面向对象设计模式的核心法则
Nov 10 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
May 04 Javascript
jQuery提示插件alertify使用指南
Apr 21 Javascript
详解vue与后端数据交互(ajax):vue-resource
Mar 16 Javascript
基于JavaScript实现百度搜索框效果
Jun 28 Javascript
详解使用mpvue开发github小程序总结
Jul 25 Javascript
bootstrap-table+treegrid实现树形表格
Jul 26 Javascript
JS三级联动代码格式实例详解
Dec 30 Javascript
从零开始在vue-cli4配置自适应vw布局的实现
Jun 08 Javascript
分享我对JS插件开发的一些感想和心得
Feb 04 #Javascript
关于JavaScript作用域你想知道的一切
Feb 04 #Javascript
Node.js重新刷新session过期时间的方法
Feb 04 #Javascript
jquery操作select元素和option的实例代码
Feb 03 #Javascript
Javascript获取统一管理的提示语(message)
Feb 03 #Javascript
javascript显示上周、上个月日期的处理方法
Feb 03 #Javascript
原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
Feb 03 #Javascript
You might like
php简单的会话类代码
2011/08/08 PHP
几种有用的变型 PHP中循环语句的用法介绍
2012/01/30 PHP
ThinkPHP连接数据库及主从数据库的设置教程
2014/08/22 PHP
PHP连接SQLServer2005的方法
2015/01/27 PHP
php设置页面超时时间解决方法
2015/09/22 PHP
php pdo oracle中文乱码的快速解决方法
2016/05/16 PHP
php实现的统计字数函数定义与使用示例
2017/07/26 PHP
用javascript父窗口控制只弹出一个子窗口
2007/04/10 Javascript
javaScript 数值型和字符串型之间的转换
2009/07/25 Javascript
JQuery UI皮肤定制
2009/07/27 Javascript
Javascript 获取滚动条位置等信息的函数
2009/09/08 Javascript
JS实现仿google、百度搜索框输入信息智能提示的实现方法
2015/04/20 Javascript
jQuery实现页面内锚点平滑跳转特效的方法总结
2015/05/11 Javascript
JavaScript解八皇后问题的方法总结
2016/06/12 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
2016/07/28 Javascript
Three.js加载外部模型的教程详解
2017/11/10 Javascript
谈谈JS中的!!
2017/12/07 Javascript
JS实现在文本指定位置插入内容的简单示例
2017/12/22 Javascript
vue + element-ui的分页问题实现
2018/12/17 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
p5.js临摹动态图形实现方法详解
2019/10/23 Javascript
如何实现iframe父子传参通信
2020/02/05 Javascript
linux环境下安装pyramid和新建项目的步骤
2013/11/27 Python
使用python装饰器验证配置文件示例
2014/02/24 Python
python中的五种异常处理机制介绍
2014/09/02 Python
从Python的源码来解析Python下的freeblock
2015/05/11 Python
基于Tensorflow的MNIST手写数字识别分类
2020/06/17 Python
了解一下python内建模块collections
2020/09/07 Python
Jupyter Notebook 安装配置与使用详解
2021/01/06 Python
CSS+jQuery+PHP+MySQL实现的在线答题功能
2015/04/25 HTML / CSS
HTML5语义化元素你真的用对了吗
2019/08/22 HTML / CSS
和平主题的演讲稿
2014/01/12 职场文书
出国导师推荐信
2014/01/16 职场文书
大学生党员学习焦裕禄精神思想汇报
2014/09/10 职场文书
离婚协议书样本
2015/01/26 职场文书
决心书格式范文
2015/09/23 职场文书