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

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的计算都是正确的,然后倒计时也是实时取,显示绝对正确

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

js php活动倒计时,js活动倒计时实现思路?相关推荐

  1. android京东秒杀倒计时,js实现京东秒杀倒计时功能

    本文实例为大家分享了js实现京东秒杀倒计时功能的具体代码,供大家参考,具体内容如下 首先给大家看看效果图,因为是做的移动端的,所以放大给大家看看局部就行: 关于实现京东秒杀,之前用过其他的方法,今天给 ...

  2. 团购、定时抢购倒计时js版

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  3. 建站倒计时html,网页短时间维护倒计时js代码

    网页短时间维护倒计时js代码 - 懒人建站-jquery特效-建站素材 http:/www.51xuediannao.com/ html{*overflow:auto;_overflow-x:hidd ...

  4. js php 获取时间倒计时_,JS实现获取时间和设置倒计时代码分享

    本文主要和大家分享JS实现获取时间和设置倒计时代码,希望能帮助到大家. 只做笔记记录一下,主要用到Date 和 setInterval 第一个倒计时的设置: var timeBox = documen ...

  5. 原生js 或vue实现60分钟倒计时案例

    使用场景类似于 订单倒计时,或答题倒计时,代码如下 在Vue中封装了如下的方法 data () {return {countdownTxt:'',//要显示的倒计时文案};}, // 定义一个方法 方 ...

  6. 模仿淘宝聚划算倒计时js,兼容各种浏览器

    <!DOCTYPE html> <html> <head><meta charset="utf-8"><meta name=& ...

  7. 2019年双十一倒计时JS代码

    2019年双十一倒计时JS代码(实时刷新) <!DOCTYPE html> <html><head><meta charset="utf-8&quo ...

  8. js 倒计时写法(三种:倒计时发送,倒计时时间,倒计时可用)

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. 倒计时js代码精确到时分秒

    倒计时js代码精确到时分秒,使用方法:注意 var EndTime= new Date('2013/05/1 10:00:00'); //截止时间 这一句,特别是 '2013/05/1 10:00:0 ...

  10. 客户端的js js脚本的引入 js的解析过程

    web浏览器中的JavaScript web浏览器中的js通常称为客户端的JavaScript 客户端 JavaScript window对象是所有客户端JavaScript特性和api的主要接入点. ...

最新文章

  1. 超赞的贪吃蛇、吃豆人和数字华容道等童年小游戏1行Python代码就能玩
  2. maven多个web模块进行合并
  3. python selenium unittest_python+selenium+unittest单元测试框架
  4. 学习Vue.js-Day2
  5. 机器学习中的不平衡分类方法(part6)--支持向量机
  6. every function in scala is an instance of a class
  7. 通过aspnetpager为DataList分页
  8. 练手小程序之约瑟芬杀人法
  9. cisco思科交换机的基本使用
  10. 等效距离计算公式_等效焦距换算(等效焦距的计算公式)
  11. 网红释一刀考察潮汕特色美食土虾
  12. meta-learning link for some Danniel
  13. 聚光灯下的熊猫TV技术架构演进
  14. mysql usleep_date、sleep和usleep命令
  15. 基于Java标准化考试系统
  16. java软件工程师工作业绩_java工程师个人简历自我评价_JAVA软件工程师面试简历的自我评价...
  17. win7计算机名改成大写,图文解读win7系统excel数字小写金额转换成汉字大写金额的措施...
  18. RASPBERRY PI wifi配置
  19. “陷阱”病毒源代码大揭密
  20. 第一个MOOC课程《人群与网络》证书(电子版),好高兴!

热门文章

  1. 【个人博客】Hexo个人博客搭建与配置详细教程 + Fluid主题 + Gitee发布
  2. java set 删除_Java Set remove()用法及代码示例
  3. SLAM14讲学习笔记(一) 李群李代数基础
  4. 【转】图解领带的打法10种
  5. React、umi和dva之间的关系
  6. java makefile jar包_makefile PRODUCT_BOOT_JARS 处理流程及实例
  7. 【pkgs.org】linux/uinx依赖包源网站推荐+如何添加该网站到debian源
  8. 计算机中的二进制实验报告,大学计算机-实验报告一.doc
  9. Deity is on the struggling road too!
  10. 实战项目:Boost搜索引擎