一、时间戳

简单讲，unix时间戳就是从1970-01-01开始所经过的秒数，什么时候获取时间戳，就是到那个时间点所经历的秒数。

二、JavaScript获取时间戳

根据时间戳的定义，可以使用javascript中的几个方法来获取系统当前的时间戳：

1、getTime(）

w3c school的解释如下：

根据上面的定义，我们可以获取系统当前的时间戳：

var timeStamp1 = new Date().getTime();

console.info(timeStamp1);

//输出：1556526945555






2、parse()




根据上面的解释，parse方法返回的是指定日期和时间到1970年1月1日的毫秒数，所以只要将日期指定为系统当前时间，就能获取系统当前的时间戳。








//例子1：

var timeStamp2 = Date.parse(new Date());

console.log(timeStamp2);

//输出：1556526945000








3、valueOf()


　　


该方法返回的是Date对象的原始值，且和getTime返回相同的值，所以只要Date对象为系统当前时间，就能获取系统当前的时间戳








var timeStamp5 = (new Date()).valueOf();

console.info(timeStamp5);

//输出:1556527752836








以上是获取系统当前时间的时间戳，如果要获取指定时间的时间戳，只需要设置指定日期，然后用对应的日期对象进行操作即可，不再赘述。


从上面的结论可以看出，通过parse方法获取的时间戳后三位都是0，如果用更多的数据测试，都会发现该方法返回的时间戳没有其他两种方法精确，


因为其后三位始终是0.




<!doctype html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>时间戳问题</title>

        <script>

            /***********************************************获取当前时间***********************************************/

            // 例子1：

            var timeStamp1 = (new Date()).getTime();

            console.log(timeStamp1);

            // 输出1556529963911

            // 例子8

            var timeStamp8 = (new Date()).valueOf();

            console.log(timeStamp8);

            //输出:1556529963914

            //例子9

            var timeStamp9 = +new Date();

            console.log(timeStamp9);

            //输出:1556529963914

            //例子10

            var timeStamp10 = Date.now();

            console.log(timeStamp10);

            //输出:1556529963914

            //

            console.log((new Date()).getTime() == +new Date());// 输出：true

            console.log((new Date()).getTime() == Date.now());// 输出：true

            console.log((new Date()).getTime() == (new Date()).valueOf());// 输出：true

            console.log((new Date()).getTime() == Date.parse(new Date()));// 输出：false

            /***********************************************Date.parse 获取自定义时间************************************************/

            // 例子2：

            var timeStamp2 = Date.parse(new Date());

            console.log(timeStamp2);

            // 输出：1556528914000

            // 例子3：

            var timeStamp3 = Date.parse('2019-4-29 00:00:00');

            console.log(timeStamp3);

            // 输出：1556467200000

            // 例子4

            var timeStamp4 = Date.parse('2019-4-29');

            console.log(timeStamp3);

            // 输出：1556467200000

            // 例子5

            var timeStamp5 = Date.parse('2019.4.29');

            console.log(timeStamp5);

            // 输出：1556467200000

            // 例子6

            var timeStamp6 = Date.parse('2019/4/29');

            console.log(timeStamp6);

            // 输出：1556467200000

            // 例子7

            var timeStamp7 = (new Date('2019.4.29')).valueOf();

            console.log(timeStamp7);

            //输出:1556467200000

        </script>

    </head>

    <body>

    </body>

</html>




二、将时间戳转换为其他


1.根据已知时间戳计算是周几




function getWeekFn(value) {

    if (!value) return '';

    var newDate = new Date();

    newDate.setTime(parseInt(value));

    var temp = new Array("日", "一", "二", "三", "四", "五", "六");

    var week = new Date(newDate.toISOString()).getDay();

    return temp[week];

};




console.log(getWeekFn(Date.parse('2019.4.8')));


console.log(getWeekFn(‘1554652800000’);


执行结果：“一”


 


2.根据给定日期计算周几






function getWeekFn(value) {

    if (!value) return '';

    var newDate = new Date(value);

    var temp = new Array("日", "一", "二", "三", "四", "五", "六");

    var week = newDate.getDay();

    return temp[week];

};




例如：




       console.log(getWeekFn2('2019/4/8'))


　　console.log(getWeekFn2('2019-4-8'))


　　console.log(getWeekFn2('2019.4.8'))


执行结果： “一”




注意：该字符串应该能被 Date.parse() 正确方法识别




相关资料：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date




作者：smile.轉角


QQ：493177502


												


											
【js】项目中有关时间的问题的更多相关文章
	

    
						
  1. 如何Vue-cli开始使用在Vue.js项目中启动TDD（测试驱动开发）
		
    通常,使用测试驱动开发(TDD)最困难的部分是开始.你必须下载带有奇怪依赖项的软件包,让测试套件与你的构建系统协同工作,然后你必须弄清楚如何编写一个测试!难怪这么多的开发者在你提起它的时候就开始跑开了 ...
    
		
    2. 
						
  2. Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
		
    vee-validate 是为 Vue.js 量身打造的表单校验框架,允许您校验输入的内容并显示对应的错误提示信息.它内置了很多常见的校验规则,可以组合使用多种校验规则,大部分场景只需要配置就能实现开 ...
    
		
    3. 
						
  3. Vue.js项目中使用iconfont冲突问题解决
		
    在开发前端项目中,字体图标变得越来越常用.一方面因为它比图片使用起来方便,可以像字体一样修改大小和颜色:另一方面是因为它可以减少请求数量,优化前端性能. iconfont的使用方法很简单,主要由三种引 ...
    
		
    4. 
								
  4. sau交流学习社区--songEagle开发系列：Vue.js + Koa.js项目中使用JWT认证
		
    一.前言 JWT(JSON Web Token),是为了在网络环境间传递声明而执行的一种基于JSON的开放标准(RFC 7519). JWT不是一个新鲜的东西,网上相关的介绍已经非常多了.不是很了解的 ...
    
		
    5. 
						
  5. 17、vue-cli3 js项目中引入ts混用（typeScript）
		
    说明: vue3.0搭建的项目,不过没有引入ts,后来需要用到一个插件是用ts写的,所以vue要用到ts... 一.安装typescript及loader npm install typescript ...
    
		
    6. 
						
  6. 个人博客开发系列：Vue.js + Koa.js项目中使用JWT认证
		
    前言 JWT(JSON Web Token),是为了在网络环境间传递声明而执行的一种基于JSON的开放标准(RFC 7519). 更多的介绍和说明,以及各种原理,我在此就不多赘诉了.JWT不是一个新鲜 ...
    
		
    7. 
						
  7. Vue.js项目中,当图片无法显示时则显示默认图片
		
    使用require将图片进入,写法如下: data: () => ({logo: 'this.src="' + require('../assets/img.png') + '&quo ...
    
		
    8. 
						
  8. Node.js 项目中解决 SQL 注入和 XSS 攻击
		
    1.SQL 注入 SQL 注入,一般是通过把 SQL 命令插入到 Web 表单提交或输入域名或页面请求的查询字符串,最终达到欺骗服务器执行恶意的 SQL 命令. SQL 注入示例 在登录界面,后端会根 ...
    
		
    9. 
						
  9. js  json中的时间转换格式
		
    //根据json中的日期格式,转换成yyyy-mm-dd HH:mm:ss function ChangeDateFormat(cellval) { var date = new Date(parse ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. c++右值引用以及使用
			
    前几天看了一篇文章<4行代码看看右值引用> 觉得写得不错,但是觉得右值引用的内容还有很多可以去挖掘学习,所以总结了一下,希望能对右值引用有一个更加深层次的认识 一.几个基本概念 1.1左值 ...
    
			
    2. 
						
  2. 二十五、Hadoop学记笔记————Hive复习与深入
			
    Hive主要为了简化MapReduce流程,使非编程人员也能进行数据的梳理,即直接使用sql语句代替MapReduce程序 Hive建表的时候元数据(表明,字段信息等)存于关系型数据库中,数据存于HD ...
    
			
    3. 
						
  3. Linux内存使用情况以及内存泄露分析之工具与方法
			
    <Linux C/C++ Memory Leak Detection Tool> 1. 内存使用情况分析 1.1 系统总内存分析 通过cat /proc/meminfo,可用的物理内存=M ...
    
			
    4. 
						
  4. 阿里云和腾讯云免费SSL证书  专题
			
    阿里云部署SSL证书 http://www.cnblogs.com/sslwork/p/5984167.html 查找中间证书 为了确保兼容到所有浏览器,我们必须在阿里云上部署中间证书,如果不部署证书 ...
    
			
    5. 
						
  5. iOS推送：Java服务器端发送表情(绘文字)
			
    http://blog.csdn.net/musou_ldns/article/details/8692520 功能的时候,客户要求能够给iphone发送表情图标,也就是绘文字. 手机环境:iOS5. ...
    
			
    6. 
						
  6. JS代码检查工具ESLint
			
    前面的话 ESLint是一个JavaScript代码静态检查工具,可以检查JavaScript的语法错误,提示潜在的bug,可以有效提高代码质量,维持前端团队高度一致的编码风格.ESLint不但提供一 ...
    
			
    7. 
						
  7. 【最小生成树】Bzoj1232 [Usaco2008Nov]安慰奶牛cheer
			
    Description Farmer John变得非常懒, 他不想再继续维护供奶牛之间供通行的道路. 道路被用来连接N (5 <= N <= 10,000)个牧场, 牧场被连续地编号为1. ...
    
			
    8. 
						
  8. BZOJ_2238_Mst_树剖+线段树
			
    BZOJ_2238_Mst_树剖+线段树 Description 给出一个N个点M条边的无向带权图,以及Q个询问,每次询问在图中删掉一条边后图的最小生成树.(各询问间独立,每次询问不对之后的询问产生影 ...
    
			
    9. 
						
  9. 这么用Mac才叫爽！
			
    用了近一年的 Macbook Pro,已经离不开它了.真是生活工作学习必备之良品啊. 如果你将要买苹果电脑或者刚买,那么不妨看看此文.推荐一些个人觉得好用的软件,而Mac本身的使用技巧----触控板. ...
    
			
    10. 
						
  10. 通过jQuery和C#分别实现对.NET Core Web Api的访问以及文件上传
			
    准备工作: 建立.NET Core Web Api项目 新建一个用于Api请求的UserInfo类 public class UserInfo { public string name { get;  ...
    
			
    11.