以服务器时间为准的倒计时
好处是更佳的安全, 不可通过更改本地时间而加速倒计时
html 代码
- <!doctype html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="viewport" content="width=640, user-scalable=yes, target-densitydpi=device-dpi">
- <link rel="dns-prefetch" href="http://res.wx.qq.com">
- <title>weixin.html</title>
- <script type="text/javascript" src="https://olpnhrh8v.qnssl.com/test22/js/jquery-1.8.3.min.js"></script>
- <script>
- </script>
- <style type="text/CSS">
- *{margin:0;padding:0;}
- #content{width:300px;margin:0 auto;padding:10px;background:#eee;border:1px solid #999;}
- #content p span{color:red;font:bold 20px Arial;}
- #content p a{font:12px/23px '宋体';color:#888;}
- .div1{ display:none;}
- </style>
- <div class="start-time"></div>
- <div id="content">
- <h1 > 限时抢购啦!</h1>
- <p > 还剩 < span id="times"></span></p>
- </div>
- <script language="JavaScript">
- // JavaScript Document
- function fixZero(num,length){
- var str=""+num;
- var len=str.length;
- var s="";
- for(var i=length;i>len;i--){ s+="0"; }
- return s+str;
- }
- function formatDate(now) {
- var now= new Date(now*1000);
- var year=now.getFullYear(); // 年
- var month=now.getMonth()+1; // 月
- var date=now.getDate();// 天
- var hour=now.getHours();// 小时
- var minute=now.getMinutes();// 分钟
- var second=now.getSeconds();// 秒数
- var data = year+"/"+fixZero(month,2)+"/"+fixZero(date,2)+"/"+fixZero(hour,2)+":"+fixZero(minute,2)+":"+fixZero(second,2);
- if(hour==17&&minute==28&&second==00){
- window.location.reload()
- alert(666666)
- };
- var nowtime= new Date(data);// 获取服务器时间
- var endtime= new Date("2017/4/20 18:00:00");// 设定终止时间
- alert(nowtime)
- var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000);// 把剩余时间转化成秒.
- function fresh()
- {
- leftsecond--;
- d=parseInt(leftsecond/3600/24);
- h=parseInt((leftsecond/3600)%24);
- m=parseInt((leftsecond/60)%60);
- s=parseInt(leftsecond%60);
- document.getElementById("times").innerHTML=h+"小时"+m+"分"+s+s+"秒";
- if(leftsecond<=0){
- document.getElementById("times").innerHTML="抢购已结束";
- clearInterval(sh);
- }
- }
- fresh()
- var sh;
- sh=setInterval(fresh,1000);
- return data;
- }
- $(function () {
- $.ajax({
- url:"",// 后台给你的时间戳地址
- type: "GET",
- success:function(res){
- formatDate(res.time);
- },
- error: function(){
- }
- });
- })
- </script>
- </body>
- </html>
来源: http://www.qdfuns.com/article/20005/b9abed3874942a23ee0b2afa32b4d5cc.html