华体会体育·(中国)官方网站

热门关键词:

您的位置: 主页 > 资讯动态 > 品牌活动 >
js解决客户端与服务器时间纷歧致的问题
作者:华体会体育 来源:华体会体育 点击: 发布日期: 2023-05-19 14:20
信息摘要:
引出最近在写一个项目时,要凭据时间举行差别的展示,直接用new Date().getTime()获取当前时间,效果就出问题了。有些用户擅自修改自己的当地时间,导致获取到的时间并不是当前时间,尴尬。 思路既然如此,首先想到的就是让当地时间以服务器的时间为基准,只要让服务器传一个时间戳过来就可以了。那如何实现动态获取时间呢?究竟不能每次获取时间都到服务器去要吧。 一个粗拙的思路,只要知道现在与获取服务器时间过了多久,然后动态的相加就可以了。那如果记载时间差呢?...
本文摘要:引出最近在写一个项目时,要凭据时间举行差别的展示,直接用new Date().getTime()获取当前时间,效果就出问题了。有些用户擅自修改自己的当地时间,导致获取到的时间并不是当前时间,尴尬。 思路既然如此,首先想到的就是让当地时间以服务器的时间为基准,只要让服务器传一个时间戳过来就可以了。那如何实现动态获取时间呢?究竟不能每次获取时间都到服务器去要吧。 一个粗拙的思路,只要知道现在与获取服务器时间过了多久,然后动态的相加就可以了。那如果记载时间差呢?

华体会体育

华体会体育

引出最近在写一个项目时,要凭据时间举行差别的展示,直接用new Date().getTime()获取当前时间,效果就出问题了。有些用户擅自修改自己的当地时间,导致获取到的时间并不是当前时间,尴尬。

思路既然如此,首先想到的就是让当地时间以服务器的时间为基准,只要让服务器传一个时间戳过来就可以了。那如何实现动态获取时间呢?究竟不能每次获取时间都到服务器去要吧。

华体会体育

一个粗拙的思路,只要知道现在与获取服务器时间过了多久,然后动态的相加就可以了。那如果记载时间差呢?刚开始我想的是,记载获取服务器时间时的时间点(gainServerTime),将当前时间点与gainServerTime相减,就可以获得经由了多久。可是,如果用户在进入页面之后修改时间的话,就会获得错误的时间差,并不能解决问题。

然后我想到了定时器,记载时间秒数experienceTime,每秒+1,虽然会牺牲一定的性能,但问题是我没想到更好的措施。实现/** * 获取当前时间的工具 * @param serverTime * 服务器时间戳(秒)*/function GetNowDate(serverTime){    this.serverTime = serverTime || new Date().getTime();    // 记载履历时间    this.experienceTime = 0;    this.init();}​/** * 获取当前时间戳,毫秒级 */GetNowDate.prototype.getTime = function (){    return this.getDateObject().getTime();};​​/** * 获取当前时间date工具 */GetNowDate.prototype.getDateObject = function(){    return new Date(this.getNowMilliTime());};​​// 获取当前毫秒级时间戳GetNowDate.prototype.getNowMilliTime = function(){    return (this.serverTime + this.experienceTime) * 1000;};​// 初始化工具GetNowDate.prototype.init = function(){    // 设置定时器,动态增加时间    var _this = this;    setInterval(function() {        _this.experienceTime++;   }, 1000);};固然,看着就有许多问题,之后遇到再完善吧码云地址 https://gitee.com/hujingnb/jsTool。


本文关键词:解决,客户端,与,服务器,时间,纷歧,致,的,问题,华体会体育

本文来源:华体会体育-www.zjxfgzj.com

全国服务热线

0936-213191420