js比对服务器时间倒计时

最新推荐文章于 2023-01-02 20:18:21 发布

slowman

最新推荐文章于 2023-01-02 20:18:21 发布

阅读量544

点赞数

分类专栏： js+jquery

本文链接：https://blog.csdn.net/woshixiongjin/article/details/38404021

版权

js+jquery 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

<span style="font-size:14px;"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="jquery.min.js"></script>
<script src="jquery.cookie.js"></script>
<script src="time.js"></script>
<script>
    $(function(){
    	$.post("time.php", {"action":"getTimeStmp"},function(json){
    		   var v = eval("(" + json +")");
    		   $.cookie('server_time',v.time); 
    	});
    	
    	 var time_zero = function (s) {
             return s < 10 ? '0' + s: s;
         }
         var zhe_countdown = function(){
             $(".start-time").each(function(i){
                 var edate = new Date(1407315919000);
                 var Temp = new JP_time(edate);
                 if(Temp.timerRunning){
                     Temp = Temp.data;
                     $(this).html(
                         '<em class="icon-clock"></em><b>'+time_zero(Temp.D)+'</b>天<b>'+time_zero(Temp.H)+'</b>时<b>'+time_zero(Temp.M)+'</b>分<b>'+time_zero(Temp.S)+'</b>秒'
                     );
                 }else{
                     $(this).html(
                         '<em class="icon-clock"></em><b>'+00+'</b>天<b>'+00+'</b>时<b>'+00+'</b>分<b>'+00+'</b>秒'
                     );
                 }
             });

         }

         var timeStart = function (){
             zhe_countdown();
             setTimeout(arguments.callee,500);
         }
         timeStart();
    	
     });
    	
    	
    	
 

</script>
</head>
<body>
	<div class="start-time"></div>
</body>
</html></span>

1.调用时间的倒计时函数

<span style="font-size:14px;">$(function(){
	var t = (new Date()).getTime();
	var sToday = new Date($.cookie('server_time') * 1000) - t;
	JP_time = function(d){
		var timerID = null;   
		var timerRunning = false;
		var Today;
		var Temp;
		var showtime = function () {

			Today = new Date((new Date()).getTime() + sToday);
			var NowHour = Today.getHours();   
			var NowMinute = Today.getMinutes();   
			var NowMonth = Today.getMonth();   
			var NowDate = Today.getDate();   
			var NowYear = Today.getYear();   
			var NowSecond = Today.getSeconds();   
			if (NowYear <2000)   
				NowYear=1900+NowYear;   
			var Hourleft = d.getHours() - NowHour;  
			var Minuteleft = d.getMinutes() - NowMinute;  
			var Secondleft = d.getSeconds() - NowSecond;  
			var Yearleft = d.getYear() + 1 - NowYear;  
			var Monthleft = d.getMonth() - NowMonth - 1;
			var Dateleft = d.getDate() - NowDate;  
			if (Secondleft<0) {   
				Secondleft=60+Secondleft;   
				Minuteleft=Minuteleft-1;   
			}   
			if (Minuteleft<0) {    
				Minuteleft=60+Minuteleft;   
				Hourleft=Hourleft-1;   
			}   
			if (Hourleft<0) {   
				Hourleft=24+Hourleft;   
				Dateleft=Dateleft-1;   
			}   
			if (Dateleft<0) {   
				Dateleft=31+Dateleft;   
				Monthleft=Monthleft-1;   
			}   
			if (Monthleft<0) {   
				Monthleft=12+Monthleft;   
				Yearleft=Yearleft-1;   
			}   
			Temp={Y:Yearleft,M:Monthleft,D:Dateleft,H:Hourleft,M:Minuteleft,S:Secondleft};
			if(d > Today ){
				return {timerRunning:true,data:Temp};
			}else{
				return {timerRunning:false,data:Temp};
			}



		}

		var stopclock = function() {   
			if(timerRunning) {clearTimeout(timerID)};   
			timerRunning = false;   
		}   
		var startclock = function(){   
			stopclock(); 
			showtime();   
		}

		return showtime();
	}



});
</span>

2.服务器端时间获取

<span style="font-size:14px;"><?php
$action = trim($_POST['action']);
if($action=="getTimeStmp"){
    $arr['time'] = time();
    die(json_encode($arr));
}

 </span>

slowman

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js比对服务器时间倒计时

Insert title here $(function(){ $.post("time.php", {"action":"getTimeStmp"},function(json){ var v = eval("(" + json +")"); $.cookie('server_time',v.time); });
复制链接

扫一扫