一、时间戳

简单讲，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. 阅读GIC-500 Technical Reference Manual笔记
			
    GIC-500是ARM GICv3的一个实现,它只支持ARMv8核和实现了GIC Stream协议的GIC CPU Interface,比如Cortex-A53. 关于GIC有四份相关文档:<C ...
    
			
    2. 
						
  2. vue项目如何刷新当前页面
			
    1.场景 在处理列表时,常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求. 2.遇到的问题 1. 用vue-router重新路由到当前页面,页面是不进行刷新的 2.采用window.rel ...
    
			
    3. 
						
  3. Git Push:error: Couldn't set refs/remotes/origin/master;error: update_ref failed for ref 'refs/remot
			
    作者:荒原之梦 原文链接:http://zhaokaifeng.com/?p=543 今天使用Git Push代码时产生错误: Rename from 'XXXX/.git/refs/remotes/ ...
    
			
    4. 
						
  4. HTTPS 之 TLS 性能调优
			
    HTTPS(HTTP over SSL)是以安全为目标的 HTTP 通道,可以理解为 HTTP + SSL/TLS,即在 HTTP 下加入 SSL/TLS 层作为安全基础.其中 TLS 的前身是 SS ...
    
			
    5. 
						
  5. CentOS 7安装Python3.6过程（让linux系统共存Python2和Python3环境）
			
    CentOS 7系统自带了python2,不过可以不用2版本,直接使用python3运行python脚本就可以,但是千万别去动系统自带的python2,因为有程序依赖目前的python2环境,比如yu ...
    
			
    6. 
						
  6. 14.app后端如何设计api
			
    app和后端的交互,一般都是通过后端提供的api实现.api的设计,估计很多刚进入app后端的小伙伴会一无头绪,不知道怎么入门.下面根据自己3年的app后端经验,总结出下几个api设计原则,给小伙伴参 ...
    
			
    7. 
						
  7. Python3 requests与http.cookiejar的使用（cookie的保存与加载）
			
    在学习Python之余,发现Python2与Python3 有很大的变化,之前使用urllib和cookielib来保存cookie,发现很繁琐,于是改用requests.发现cookielib在3. ...
    
			
    8. 
						
  8. JUC中AQS简介
			
    AQS,在java.util.concurrent.locks包中,AbstractQueuedSynchronizer这个类是并发包中的核心,了解其他类之前,需要先弄清楚AQS.在JUC的很多类中都 ...
    
			
    9. 
						
  9. Django rest_framework快速入门
			
    一.什么是REST 面向资源是REST最明显的特征,资源是一种看待服务器的方式,将服务器看作是由很多离散的资源组成.每个资源是服务器上一个可命名的抽象概念.因为资源是一个抽象的概念,所以它不仅仅能代表 ...
    
			
    10. 
						
  10. laravel 请求request 接收参数
			
    获取请求输入 获取所有输入值 你可以使用 all 方法以数组格式获取所有输入值: $input = $request->all(); 获取单个输入值 使用一些简单的方法,就可以从 Illumin ...
    
			
    11.