js与服务器时间同步的步奏详解

这次给大家带来js与服务器时间同步的步奏详解,js与服务器时间同步的注意事项有哪些,下面就是实战案例,一起来看一下。

方案1:每次倒计时去服务端请求时间

//开启定时器var timer = setInterval(function () {    //执行请求,获取当前服务端时间并进行相应操作}, 1000);

登录后复制

这个方案对于稍微有点经验的开发人员来说,都知道是不可取的。因为这会给服务器造成无法想象的压力,导致应用崩溃。在这个页面停留一分钟,那么请求就发送了60次,假如此时有100个人在访问这个页面,那么一分钟就有6000条请求,人数如果再增长,这绝对会造成不必要的服务器压力。并且这个方案的倒计时,也会存在很大的误差,因为请求存在延迟,跟你的网络状态也有很大的关系。

方案2:从服务端返回以服务器时间为基准的倒计时时间戳

//开启定时器//假设请求获取到一个时间戳时间差 dateDiffvar timer = setInterval(function () {  //每秒会获取本地时间,这样就算执行的周期不准确 也可以准确的获取时间差  var countDown = endTime - (+Date.now())/1000 + dateDiff;  // 倒计时页面渲染}, 1000);

登录后复制

优点:

在页面生命周期中请求一次
准确度高,就算页面打开很久还是保持高准确度
缺点:

由于每秒获取当前时间,假如刻意在倒计时时期内,修改了本地时间将会导致倒计时异常。

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

angularJS+Ionic实现移动端图片上传功能

BootStrap+Validator在JS中操作校验功能

以上就是js与服务器时间同步的步奏详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2771220.html

(0)
上一篇 2025年3月8日 12:52:09
下一篇 2025年3月3日 06:39:18

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 用js操作iframe改变界面高度

    这次给大家带来用js操作iframe改变界面高度,用js操作iframe改变界面高度的注意事项有哪些,下面就是实战案例,一起来看一下。 // contentWindow所有浏览器支持,contentDocument IE不支持; windo…

    编程技术 2025年3月8日
    200
  • ParticlesJS的使用详解

    这次给大家带来ParticlesJS的使用详解,ParticlesJS使用的注意事项有哪些,下面就是实战案例,一起来看一下。 particles.js A lightweight JavaScript library for creatin…

    编程技术 2025年3月8日
    200
  • 预加载InstantClick使用详解

    这次给大家带来预加载InstantClick使用详解,预加载InstantClick使用的注意事项有哪些,下面就是实战案例,一起来看一下。 昨晚在改造的时候代码高亮没法执行,准确的说是只执行一次,第二次就不执行了。所以发文说明一下,而且大致…

    编程技术 2025年3月8日
    200
  • canvas与JS实现动态时钟动画

    这次给大家带来canvas与js实现动态时钟动画,canvas与js实现动态时钟动画的注意事项有哪些,下面就是实战案例,一起来看一下。 先来看看运行效果: 完整实例代码: canvas时钟 canvas { border: 1px soli…

    2025年3月8日
    200
  • 用js实现汽车仪表盘

    这次给大家带来用js实现汽车仪表盘,用js实现汽车仪表盘的注意事项有哪些,下面就是实战案例,一起来看一下。 #test,#hehe{ width: 100%; height: 500px; } var myChart1; var optio…

    编程技术 2025年3月8日
    200
  • js实现字符限制中文汉字=两个字符

    这次给大家带来js实现字符限制中文汉字=两个字符,js实现字符限制中文汉字=两个字符的注意事项有哪些,下面就是实战案例,一起来看一下。 html 登录后复制 核心js代码 //字符串截取function getByteVal(val, ma…

    编程技术 2025年3月8日
    200
  • JS的递归实现方法

    这次给大家带来,的注意事项有哪些,下面就是实战案例,一起来看一下。 递归函数:递归函数是在通过名字调用自身的情况下构成的。 递归实现阶乘函数: 方法一:通过使用函数的名字 function factorial(num){ if(num&lt…

    编程技术 2025年3月8日
    200
  • react-native-fs插件使用案列详解

    这次给大家带来react-native-fs插件使用案列详解,react-native-fs插件使用的注意事项有哪些,下面就是实战案例,一起来看一下。 react-native-fs插件是文件对上传和下载时使用的,iOS和android都可…

    编程技术 2025年3月8日
    200
  • JS+canvas绘制饼状统计图

    这次给大家带来JS+canvas绘制饼状统计图,JS+canvas绘制饼状统计图的注意事项有哪些,下面就是实战案例,一起来看一下。 完整代码: www.jb51.net canvas饼状图 var colors = (function ()…

    编程技术 2025年3月8日
    200
  • JS实现动态雪花飘落

    这次给大家带来JS实现动态雪花飘落,JS实现动态雪花飘落的注意事项有哪些,下面就是实战案例,一起来看一下。 飘雪 *{ margin:0; padding:0; font-family:”微软雅黑”; font-size:13px; col…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论