文档章节

关于做指定时间进行显示倒计时的一些想法

xiaoxin502
 xiaoxin502
发布于 2015/12/04 23:54
字数 458
阅读 169
收藏 0

在页面上用js进行控制显示倒计时,首先肯定需要一个定时器来进行刷新,我刚开始也认为这是很简单的逻辑,用一个定时器,1秒循环一次,每次减去一秒,这样不就行了。

后面想想这确实存在着很大的问题。

第一,虽然你定时器是设置了一秒钟执行一次,但是系统并不会很准确的每秒执行一次,这受到系统性能的影响可能会出现一些偏差,还要除去执行代码所用去的时间,虽然积累起来误差还是挺大的;

第二,应该你是用js进行控制的,这样当页面进行刷新的时候,你会发现倒计时的时间又被重置回来了,因为数据又被重新加载了。

后面上司跟我说了一个思路,其他思路,就是在循环减一这一步,换成,使用指定时间减去系统时间,以系统时间来作为一个参照点,这样就不会出现上面所说的问题了。

不过,这还是有一个小问题,如果我修改了系统时间的话,又会出现倒计时不准的问题了,所以这里如果能选择服务器的系统时间(假设服务器时间为标准时间)作为参照点的话,在客户端计算系统时间和服务器时间之间的差数,在循环中,用指定时间减去系统时间,再补上系统时间和服务器时间的差值,就更加完美一些了。

© 著作权归作者所有

共有 人打赏支持
xiaoxin502
粉丝 0
博文 4
码字总数 1730
作品 0
广州
18 行 JS 代码编一个倒时器

有时候在生活中,你需要一个JavaScript倒计时时钟,而不是一个末日装置设备。不管你是否有一次约会,销售、促销、或者游戏,你可以受益于使用原生JavaScript构建一个时钟,而不是拿到一个现成...

呵呵闯
2016/08/04
39
0
js date 获取毫秒数,注意时区的区别!

系统在前端需要做一个 倒计时! 然后 将 后台传递到 前端的 时间字符串,创建 date 对象,然后 获取 毫秒数 来进行 计算 倒计时! 可是没有注意到 date 的getTime() 的时区问题, 这样电脑设...

之渊
10/19
0
0
关于使用Cordova插件的问题求助

我在使用Cordova插件进行调用摄像头的时候设置录制5分钟 navigator.device.capture.captureVideo(captureSuccess, captureError, {limit: 1, duration: 300}); 但是在4分钟的时候录制时间会以...

周乐林6
2017/04/21
53
0
商品倒计时 for Swift

因公司项目添加商品倒计时需求,故针对商品倒计时模块做了个Demo,也是对自己的总结; 经过370041534群里的朋友提醒,既然是cell上有多个倒计时,可使用一个定时器控制cell上所有的倒计时,在...

程序H
06/05
0
0
JS三教九流系列-jquery实例开发到插件封装3

我们先写实例,然后可能需要在封装为插件,最后做更高级的处理! 封装插件基础学习 http://my.oschina.net/u/2352644/blog/487688 1-7实例地址 http://my.oschina.net/u/2352644/blog/49082...

透笔度
2015/08/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

开发命令行工具的 12 个最佳实践

简评:设计良好的命令行应用是极富生产力的工具,本文介绍了开发命令行工具的 12 个最佳实践 CLI 是构建产品的绝佳方式,与 Web 应用不同的是它需要的时间更少,并且功能更强大。使用Web,你...

极光推送
4分钟前
0
0
DRAM和NAND Flash合约价持续走下坡路

大伙儿关心的内存和SSD产品价格在年内有望继续迎来一波减价。 据TrendForce旗下的DRAMeXchange发布的最新报告显示,本应该是购物旺季的Q4,DRAM芯片和NAND Flash芯片的合约采购价均呈现疲软的...

linux-tao
9分钟前
0
0
Vue学习记录

Vue学习记录 Vue实例 Vue实例的创建 var vm = new Vue({ // 选项}) 数据冻结 使用 Object.freeze(),这会阻止修改现有的属性,也意味着响应系统无法再追踪变化。 var obj = { foo: 'ba...

BakerZhu
9分钟前
0
0
day124-20181022-英语流利阅读-待学习

靠打零工能走上人生巅峰吗? Daniel 2018-10-22 1.今日导读 “零工经济”,一般指通过网站或 App 获得一些零碎的工作机会,从事不稳定的工作,赚取不稳定的薪水。由于从事这样的工作门槛相比...

飞鱼说编程
14分钟前
2
0
python学习笔记

马克

孙幼凌
23分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部