文档章节

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

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
86
0
基于Arduino开发板的倒计时器

计时器是一种时钟形式,通常用于测量时间间隔。有两种类型的计时器,一种是从零开始向上计数,用于测量已用时间,称为秒表。而第二种类型的计时器从用户提供的指定持续时间倒计时,通常称为倒...

woshi_ziyu
04/20
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

没有更多内容

加载失败,请刷新页面

加载更多

聊聊flink的FsStateBackend

序 本文主要研究一下flink的FsStateBackend StateBackend flink-runtime_2.11-1.7.0-sources.jar!/org/apache/flink/runtime/state/StateBackend.java @PublicEvolvingpublic interface Sta......

go4it
11分钟前
0
0
webpack配置proxyTable时pathRewrite无效的解决方法

webpack配置接口地址代理 在项目开发中,接口联调的时候一般都是同域名下,且不存在跨域的情况下进行接口联调,但是当我们在本地启动服务器后,比如本地开发服务下是 http://localhost:8080 ...

前端小攻略
11分钟前
0
0
安装jenkins

1.下载 wget https://mirrors.tuna.tsinghua.edu.cn/jenkins/war/2.155/jenkins.war 2.后续操作和 dubbo 安装类似: (1)复制一份空白的tomcat,重命名为:jenkins-tomcat (2)war包放入t...

狼王黄师傅
19分钟前
1
0
zookeeper配置与使用

一.登录官网下载 不要带后缀的,那是公侧版本,下稳定版,比如3.4.9 二.安装与使用 解压后bin里是启动程序 配置文件:在conf下 复制zoo_sample.cfg改名为为zoo.cfg,打开zoo修改文件...

小兵胖胖
43分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部