JS倒计时程序获取准确服务器时间的几种方式

首先抛出问题：
在程序开发过程中遇到前台进行倒数计时功能的案例时，遇到了获取准确时间问题，
简单的情况：
前台获取服务器时间，直接在客户端(浏览器)进行 new Date() 进行相减操作。
出现问题：当客户端机器时间更改此时 new Date() 时间也会随时更改(问题大了！！)

下面抛出几种结局方法：
1、自我消减法
第一次从服务端获取时间戳(或其他时间格式)，分配到模板。(以下涉及代码均为简单演示，请很据实际情况修改)

$this->assign('unixTime',($stopTime - time())*1000;	 //分配变量到模板 (至于为什么*1000 接着看)

前端使用JS获取该变量，进行自减操作

unixTime = Number(unixTime);	 //强制转成整型
setInterval(function(){
var d = new Date(unixTime);	 // new Date() 时时间戳必须为 number 类型
var str = d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate()+" "+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();	//组合时间格式
//此时时间格式为：2012-12-26 9:53:58 并每秒 -1

//此处为您的逻辑代码，例如把串追加到某个元素内。
unixTime-=1000;
},1000)

2、实时获取法
!严重不可取！
之前遇到过有人这么用，可能是没经过大脑考虑。
原理就是一个死循环试试异步请求服务器获取时间

setInterval(function(){
$.get(url,{},function(d){	//实时请求服务器获取当前时间
// d 为服务端时间
//您的逻辑代码
})
},1000)

此方法出现问题是，一直在向服务器发送请求，也会出现网络延迟情况发生(一次跑几秒);

先写一点后补...感冒了不太舒服

秒客网

JS倒计时程序获取准确服务器时间的几种方式

相关文章