关于项目中使用时间的问题

项目中使用的时间

前端获取时间

获取JavaScript时间戳函数的5种方法,你都了解吗?(https://zhuanlan.zhihu.com/p/652330526

复制代码
前端获取本地时间戳
 console.log(Date.now())//1642471441587

时间戳在线转化

Date.now()获取的是电脑本地 当电脑本地时间调整,或跟新不及时,获取错误时间。

举例:

电脑A启动vue项目 ,代码中使用了Date.now();

电脑B打开访问vue项目。 当代码运行到Date.now()时,获取到的时是B电脑的时间。

优化:

JQuery获取服务器时间

复制代码
  $.ajax({
    async: false,
    type: "GET",
    success: function(result, status, xhr) {
      var serverTime = new Date( xhr.getResponseHeader("Date"));
        serverTime = (new Date(serverTime)).getTime() / 1000;
        console.log(serverTime)//获取到软件所运行的服务器处获取的时间
    },
    error: function (a) {

    }
});

举例:

电脑A启动vue项目 ,代码中使用了Date.now();

电脑B打开访问vue项目。 当代码运行到Date.now()时,获取到的时是A电脑的时间。

附:时间戳转常用时间格式

复制代码
    /**
       * @description 时间戳转常用时间格式
        *@param {String}  时间戳
        * @return 2020-11-9 14:21:35 格式时间
     */

function filterTime(time) {
      var date = new Date(time)
      var Y = date.getFullYear()
      var M = date.getMonth() + 1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1 
      var D = date.getDate()
      var hours = date.getHours() < 10 ? ("0" + date.getHours()) : date.getHours();
      var minutes = (date.getMinutes() < 10 ? ("0" + date.getMinutes()) : date.getMinutes());
      var seconds = (date.getSeconds() < 10 ? ("0" + date.getSeconds()) : date.getSeconds());
      return `${Y}-${M}-${D} ${hours}:${minutes}:${seconds}`
}
相关推荐
高级程序源16 小时前
django大学生创新创业项目管理系统94923-计算机课程设计、毕业设计
javascript·vue.js·spring boot·后端·python·django·课程设计
lizz227617 小时前
Babel插件手册
javascript
志尊宝18 小时前
Vue3 零基础每日笔记(040):Vite 创建 Vue3 + TS 项目——企业标配从这一篇开始
笔记·vue·html·前端开发·软件开发
VXbishe19 小时前
【课程设计】基于SpringBoot的乡村政务服务系统的设计与实现-计算机毕设77011
javascript·vue.js·spring boot·python·php·课程设计·政务
志尊宝19 小时前
Vue3 零基础每日笔记(037):动手封装 useMouse 与 useWindowSize——事件监听的标准模板
前端·javascript·vue.js·笔记·html5
shmily麻瓜小菜鸡20 小时前
TDD(测试驱动开发)详解
开发语言·javascript·typescript·node.js·ecmascript
wcy031021 小时前
POST为什么会发送两次请求
javascript·ajax
志尊宝21 小时前
Vue3 零基础每日笔记(047):动态路由与路由参数——:id 传参、query 传参、props 解耦
前端·javascript·vue.js·笔记·html5
凤城老人1 天前
从零手写开源私有云盘|Flask+Vue3+Electron全栈网盘,单容器一键部署
python·docker·electron·vue
球球不吃虾1 天前
Nuxt在使用过程中的一些小总结(二)
前端·vue·nuxt