投稿
  1. PmTemple首页
  2. 前端大牛

将时间戳转换为时间格式

余 倩倩 • • 前端大牛 • 阅读 850

时间是大家最头疼的事情，所以大家用的时候转换更是头疼的事情。下面是将时间戳转换为时间格式：

 

<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<script type=”text/javascript”>
// 获取当前时间戳(以s为单位)
var timestamp = Date.parse(new Date());
timestamp = timestamp / 1000;
//当前时间戳为：1403149534
console.log(“当前时间戳为：” + timestamp);
// 获取某个时间格式的时间戳
var stringTime = “2014-07-10 10:21:12”;
var timestamp2 = Date.parse(new Date(stringTime));
timestamp2 = timestamp2 / 1000;
//2014-07-10 10:21:12的时间戳为：1404958872
console.log(stringTime + “的时间戳为：” + timestamp2);
// 将当前时间换成时间格式字符串
var timestamp3 = 1403058804;
var newDate = new Date();
newDate.setTime(timestamp3 * 1000);
// Wed Jun 18 2014
console.log(newDate.toDateString());
// Wed, 18 Jun 2014 02:33:24 GMT
console.log(newDate.toGMTString());
// 2014-06-18T02:33:24.000Z
console.log(newDate.toISOString());
// 2014-06-18T02:33:24.000Z
console.log(newDate.toJSON());
// 2014年6月18日
console.log(newDate.toLocaleDateString());
// 2014年6月18日 上午10:33:24
console.log(newDate.toLocaleString());
// 上午10:33:24
console.log(newDate.toLocaleTimeString());
// Wed Jun 18 2014 10:33:24 GMT+0800 (中国标准时间)
console.log(newDate.toString());
// 10:33:24 GMT+0800 (中国标准时间)
console.log(newDate.toTimeString());
// Wed, 18 Jun 2014 02:33:24 GMT
console.log(newDate.toUTCString());
Date.prototype.format = function(format) {
       var date = {
              “M+”: this.getMonth() + 1,
              “d+”: this.getDate(),
              “h+”: this.getHours(),
              “m+”: this.getMinutes(),
              “s+”: this.getSeconds(),
              “q+”: Math.floor((this.getMonth() + 3) / 3),
              “S+”: this.getMilliseconds()
       };
       if (/(y+)/i.test(format)) {
              format = format.replace(RegExp.$1, (this.getFullYear() + ”).substr(4 – RegExp.$1.length));
       }
       for (var k in date) {
              if (new RegExp(“(” + k + “)”).test(format)) {
                     format = format.replace(RegExp.$1, RegExp.$1.length == 1
                            ? date[k] : (“00” + date[k]).substr((“” + date[k]).length));
              }
       }
       return format;
}
console.log(newDate.format(‘yyyy-MM-dd h:m:s’));
</script>

原创文章，作者：余 倩倩，如若转载，请注明出处：https://www.pmtemple.com/flyingfish/242/

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
余 倩倩余 倩倩前端大师
0 0
« 上一篇 2016年11月25日 pm1:49
下一篇 » 2016年11月25日 pm1:58

相关推荐

  • cookie、sessionStorage、localStorage之间的区别 前端大牛

    cookie、sessionStorage、localStorage之间的区别

    cookie：存储内容小，存储在浏览器上的一小段数据，用来记录某些当页面关闭或者刷新后仍然需要记录的信息，在控制台用[document.cookie]查看你当前正在浏览的网站的cookie。cookie可以用js在浏览器直接设置，也可以在服务端通使用http协议规定set-cookie来让浏览器种下cookie sessionStorage：存储内容大，关闭…

    余 倩倩 余 倩倩
    2018年2月9日 300 0
  • vue移动端日期选择组件 前端大牛

    vue移动端日期选择组件

    vue-mobile-calendar a vue component of calendar for mobile 移动端日期选择器（>=vue2.0） 点击查看DEMO，或手机扫描下方二维码 使用方法 npm安装 外部引用方式，引入目录文件disk/Calendar.umd.min.js 注意 本次版本升级api与2.x版本不相同，2.x版本api…

    余 倩倩 余 倩倩
    2020年1月7日 781 0
  • Taro多端统一开发框架，支持用 React 的开发方式编写一次代码，生成能运行在微信小程序、H5、React Native 等的应用。 前端大牛

    Taro多端统一开发框架，支持用 React 的开发方式编写一次代码，生成能运行在微信小程序、H5、React Native 等的应用。

    Taro简介 多端统一开发框架，支持用 React 的开发方式编写一次代码，生成能运行在微信小程序、H5、React Native 等的应用。 Taro 是一套遵循 React 语法规范的 多端开发 解决方案。现如今市面上端的形态多种多样，Web、ReactNative、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去…

    DevilStefan DevilStefan
    2018年11月28日 797 0
  • angular 城市切换 前端大牛

    angular 城市切换

    angular 城市切换！ 实现的是列表查询~                                        *{padding:0;margi…

    余 倩倩 余 倩倩
    2016年11月21日 589 0
  • 怎样正确设置网站title、keywords、description比较标准 前端大牛

    怎样正确设置网站title、keywords、description比较标准

    一、title title，也就是标题，是在浏览器上面显示出来的，方便用户了解这个页面的内容;特别是搜索引擎判断你网页内容的主要根据。搜索引擎就很大部 分是依靠网站title来判断你网站是关于什么内容的。现在百度和谷歌对keywords不太重视，所以，作为站长，要重视title。title一般不 超过80个字符.。 1.首页title写法：首页的title写…

    DevilStefan DevilStefan
    2016年3月29日 1.2K 0
  • angularjs 苹果风格开关按钮demo 前端大牛

    angularjs 苹果风格开关按钮demo

    H5就是要求样式美，尽量实现app的风格，所以下面是app风格的开关按钮风格demo;       *{padding:0;margin:0;font-family:”microsoft yahei”!important;}body{background-color:#efefef;}ul,li{list…

    余 倩倩 余 倩倩
    2016年11月21日 991 0
  • 前后端分离-网络解决方案 前端大牛

    前后端分离-网络解决方案

    在node的环境下 1.安装依赖 npm install npm install express npm install http-proxy-middleware 2.创建一个配置文件aa.config.js文件在根目录下，将下面的代码放入该文件内 (该文件无需特殊引用，只要执行第三步和第四步就好了) var express = require(&#821…

    余 倩倩 余 倩倩
    2018年11月21日 483 0
  • angular幻灯片实现 前端大牛

    angular幻灯片实现

                  幻灯片是前端每个项目都必须的一个特效，并且也是每个项目的脸面，所以之前我们用js,jq等框架实现的，但是目前我们火爆的angular出现了，所以我们现在看下angular实现的幻灯片效果~ <html><head><meta nam…

    余 倩倩 余 倩倩
    2016年11月20日 687 0
  • vue环境的搭建，运行，打包， 前端大牛

    vue环境的搭建，运行，打包，

    1.下载webstorm开发软件（注：webstorm安装时需要下载IntelliJIDEALicenseServer_windows_amd64.exe插件无需注册） 2.下载nodejs并安装 3.安装webpack: 首先cmd， 然后npm -v， npm install –global webpack， 淘宝镜像： npm instal…

    余 倩倩 余 倩倩
    2018年1月29日 346 0
  • 推荐！代码神器 Sublime Text 3 汉化版 前端大牛

    推荐！代码神器 Sublime Text 3 汉化版

    今天要分享的是一款代码神器——Sublime Text，它不仅是一个代码编辑器，也是HTML和Markdown好用的文本编辑器，它不同于Mac自带的文本编辑器，可以说是专为开发人员量身定做的。    软件介绍  Sublime Text支持多种编程语言的语法高亮、拥有优秀的代码自动完成功能，按Table键补全，就像平常敲交换机或linux命令一样。同时还拥有…

    余 倩倩 余 倩倩
    2019年7月21日 459 0

发表评论

电子邮件地址不会被公开。 必填项已用*标注

记住昵称、邮箱和网址，下次评论免输入

首页
Axure教程
NPDP认证
产品研究院