js php活动倒计时,js活动倒计时实现思路？

没时间看的，直接看下文 「倒计时实现代码」

js获取服务器时间

使用Ajax(cache: false)去GET当前js文件

读取其HTTP的Date头(服务器端时间)，根据此头计算客户端与本地时间的差异。

以下代码为原理讲解，并没考虑到跨域的问题，下文的JS文件中考虑到看跨域问题，具体以JS文件为

为什么我会使用ajax的方法，而非百度就可以得到的一些答案，详情可以查看：https://www.oschina.net/quest...

//获取外联的js文件路径

var scripts = document.getElementsByTagName("script");

var thiscript = scripts[ scripts.length - 1 ];

var ajaxURL = thiscript.src;

var deltaTime = 0; //得到deltaTime 之后,随时可以用 客户端时间 + deltaTime，从而得到服务器时间

$.ajax({

url:ajaxURL,

type:'GET',

cache:false, //禁止缓存

async:false, //同步

dataType:'text', //不解析内容

success:function(data,textStatus,XMLHttpRequest){

deltaTime = (new Date(XMLHttpRequest.getResponseHeader('Date'))).getTime() - (new Date()).getTime();

},

error:function(XMLHttpRequest, textStatus, errorThrown) {

deltaTime = (new Date(XMLHttpRequest.getResponseHeader('Date'))).getTime() - (new Date()).getTime();

},

timeout:5000

});

然后每次计算倒计时的时候

setInterval(function(){

var 目标时间 = new Date('01/31/2018 00:00:00')

时间 = (new Date).getTime() + deltaTime;

var 倒计时 = 目标时间 - 时间;

}, 800); //注意小于1000(为什么?)

这个涉及到以下知识点：

HTTP头知识

Ajax知识(同步、异步、Cache)

浏览器

加载顺序、加载执行JS时间，浏览器渲染时间

网络通讯误差、服务端脚本执行误差

(看起来文中并没有提到这个啊，自己好好想一下为什么)

当然，这个答案也并不完美，也会有毫秒级别的误差(Date头无法输出毫秒)。

如果想修正时间到100ms以内，可以在1500毫秒内，重复取deltaTime多次，然后使用算法依次的修正误差

倒计时实现代码：

获取倒计时、获取服务器时间，计算客户端和服务器时间的差异

http://www.load-page.com/static/js/jquery.simpletimer.js

* 修正了新版本jQuery的问题，代码更加精简

使用方法：(本地文件无法测试，必须有服务器环境)

//参考代码 http://hb.qq.com/fly_test.htm

00:00:00

Javascript日期格式：月/日/年 时:分:秒

$('#a').simpleCountdown('%D天%H小时%M分%S秒 总秒数为:%s');

去掉%D 会自动将天累加到时

去掉%H 会将时累加到分

服务器

服务器端需要满足如下条件：

Redis队列记录秒杀瞬间数据，并记录用户ID、秒杀时间(毫秒)

Redis数据回写到MySQL

以上条件满足不了，那就弄个好一点的MySQL

时间同步，JS、PHP、MySQL、Redis的这些服务器时间必须是同步

秒杀只是一定程度上的公平，带有运气性质，所以算法在一定程度上公平就好了

楼主说的篡改本地时间的问题

不论你的本地时间多么离谱，deltaTime的计算都是正确的，然后倒计时也是实时取,显示绝对正确

除非你在倒计时过程中修改本地时间，那样你只是玩单机，服务器端有时间的，你改也就自娱自乐