php如何实现倒计时效果-创新互联
这篇文章给大家分享的是有关php如何实现倒计时效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
员工经过长期磨合与沉淀,具备了协作精神,得以通过团队的力量开发出优质的产品。创新互联坚持“专注、创新、易用”的产品理念,因为“专注所以专业、创新互联网站所以易用所以简单”。公司专注于为企业提供做网站、成都网站建设、微信公众号开发、电商网站开发,小程序设计,软件按需制作等一站式互联网企业服务。实现原理:
PHP获取的是服务器端的时间,我们只要设置考试的开始时间和结束时间及当前时间。如果当前的时间不在我们的考试时间范围内,则显示给考生“当前不在考试时间段!”。如果在考试时间范围内,则获取当前时间,结束时间减掉当前时间就是剩余的时间,将剩余时间格式化输出就是“剩余考试时间:2小时56分32秒”这样的形式。服务器端获得了剩余时间后,我们还要在客户端动态的显示剩余时间的倒计时。这就需要用AJAX来实现了。在开始前大家先熟悉几个函数吧!
PHP函数:
strtotime();//将任何英文日期转换为时间戳
floor();//舍去法取整,和int()强制转换相识
json_encode()//对变量进行JSON编码,返回字符串
简单的剩余天数计算:
date_default_timezone_set('Asia/Hong_Kong'); $startDate = '2015-8-11'; $endDate = '2015-8-31'; // 将日期转换为Unix时间戳 $startDateStr = strtotime($startDate); $endtDateStr = strtotime($endDate); $total = $endtDateStr-$startDateStr; $now = strtotime(date('Y-m-d')); $remain = $endtDateStr-$now; echo '为期:'.$total/(3600*24).'天
'; echo '剩余:'.$remain/(3600*24).'天';
效果:
简单的剩余时间计算:
date_default_timezone_set('Asia/Hong_Kong'); $startTime = '09:00:00'; $endTime = '18:00:00'; // 将时间转化为unix时间戳 $startTimeStr = strtotime($startTime); $endTimeStr = strtotime($endTime); $total = $endTimeStr - $startTimeStr; $restHours = 1; // 休息1小时 $now = strtotime(date('H:i:s')); $remain = $endTimeStr - $now; echo '上班时间:'.($total/3600-$restHours).'小时
'; echo '还有:'.floor(($remain/3600)).'小时'.floor($remain/60).'分钟下班';
效果:
前后端配合实现考试剩余时间:
HTML布局
考试剩余时间:
复制代码 代码如下:
00小时00分00秒
JS脚本
function dealData(id,value){ var place = document.getElementById(id); place.innerHTML = value; } window.setInterval(function(){ // 每秒从服务器取一次数据 var ajax = new Ajax(); ajax.get("remain_time.php?a="+Math.random(),function(data){ eval("var dtime = "+data); dealData('hour',dtime.hour); dealData('minute',dtime.minute); dealData('second',dtime.second); }); },1000);
PHP代码:
date_default_timezone_set('PRC'); $start_time = '09:00:00'; $end_time = '18:00:00'; $start_famate_time = strtotime($start_time);//开始时间转化为时间戳 $end_famate_time = strtotime($end_time); //结束时间转化为时间戳 $now_time = time(); if($end_famate_time < $now_time || $start_time > $now_time){ echo '当前不在考试的时间范围内!'; exit; } $remain_time = $end_famate_time-$now_time; //剩余的秒数 $remain_hour = floor($remain_time/(60*60)); //剩余的小时 $remain_minute = floor(($remain_time - $remain_hour*60*60)/60); //剩余的分钟数 $remain_second = ($remain_time - $remain_hour*60*60 - $remain_minute*60); //剩余的秒数 echo json_encode(array('hour'=>$remain_hour,'minute'=>$remain_minute,'second'=>$remain_second));
感谢各位的阅读!关于“php如何实现倒计时效果”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
文章标题:php如何实现倒计时效果-创新互联
网址分享:http://azwzsj.com/article/djpddg.html