php ajax 考试倒计时,ajax获取服务器时间,实现PHP活动倒计时效果

c4468b3f4df77e96b0a416fa2a870fba.png

66fa2c8bfc56436f22f08e3ee03d99b6.png

html部分代码

//ajax函数请求time.php数据

function loadDoc(){

var xmlhttp;

if(window.XMLHttpRequest){

xmlhttp=new XMLHttpRequest();

}else{

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.onreadystatechange=function(){

if(xmlhttp.readyState==4 && xmlhttp.status==200){

document.getElementById("timeDiv").innerHTML=xmlhttp.responseText;

}

}

xmlhttp.open("GET","time.php",true);

xmlhttp.send();

}

//self.setInterval()周期执行ajax函数获取服务器时间,执行周期500毫秒

var int=self.setInterval("loadDoc()",500);

距离活动结束还有

time.php代码:

//使用时间函数值钱先设置时区

date_default_timezone_set("Asia/Shanghai");//获取当前时间戳

$time1=time();//获取活动时间结束时间戳

$time2=mktime(23,0,0,11,20,2017);//获取当前时间到活动结束时间时间戳的差值

$time3=$time2-$time1;//计算距离活动结束的倒计时天数

$day=($time3-($time3%(24*3600)))/(24*3600);//计算距离活动结束的倒计小时数

$hour=($time3%(24*3600)-(($time3%(24*3600))%3600))/3600;//计算距离活动结束的倒计时分钟数

$minute=((($time3%(24*3600))%3600)-((($time3%(24*3600))%3600)%60))/60;//计算距离活动结束的倒计时秒数

$second=($time3%(24*3600)%3600)%60;//获取数值进行转化成字符串

$day=(string) $day;$hour=(string) $hour;$minute=(string) $minute;$second=(string) $second;//变量用于存储前台ajax需要获取的数值

$strTime="";//通过compact函数把计算得到的变量合成数组,并以变量名为键值钱

$arrTime=compact('day','hour','minute','second');//拼接$strTime的值

foreach($arrTime as $key=>$value){switch ($key){case 'day' :

if(strlen($value)==2){$strTime=$strTime.''.$value[0].''.$value[1].'天  ';

}else{$strTime=$strTime.'0'.$value[0].'天  ';

}break;case 'hour' :

if(strlen($value)==2){$strTime=$strTime.''.$value[0].''.$value[1].'时  ';

}else{$strTime=$strTime.'0'.$value[0].'时  ';

}break;case 'minute' :

if(strlen($value)==2){$strTime=$strTime.''.$value[0].''.$value[1].'分  ';

}else{$strTime=$strTime.'0'.$value[0].'分  ';

}break;case 'second' :

if(strlen($value)==2){$strTime=$strTime.''.$value[0].''.$value[1].'秒  ';

}else{$strTime=$strTime.'0'.$value[0].'秒';

}break;default :

echo "false!";break;

}

}//用于ajax获取

echo $strTime;

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com

特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值