时间:2021-05-26
现在很多的团购网站上都有剩余时间的显示。显示剩余时间可以使用Javascript来实现,但是我们会发现使用Javascript来实现的话不安全,因为Javascript获取的是客户端的时间。比方说,这次团购已经结束了,但是懂技术的访客只要修改他客户端电脑的时间就又显示该商品还可以购买。很明显,这不是我们网站设计的初衷。团购结束了就不可以再购买啦。这里写了一个考试系统剩余时间倒计时的显示代码和大家一起探讨。
实现原理:
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).'天<br>';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).'小时<br>';echo '还有:'.floor(($remain/3600)).'小时'.floor($remain/60).'分钟下班';效果:
前后端配合实现考试剩余时间:
HTML布局
考试剩余时间:复制代码 代码如下:<span id="hour">00</span>小时<span id="minute">00</span>分<span id="second">00</span>秒
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实现倒计时的关键代码,希望对大家的学习有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
手机获取验证码的倒计时效果,实现很简单,附倒计时效果完整代码之前做项目使用的是nstimer做的倒计时效果,效果不太好。今天学习了下用gcd做,效果还是不错的。
倒计时效果有着广泛的应用,比如奥运会倒计时、高考倒计时和放假倒计时等,本章节分享一个比较美观且实用的倒计时效果。代码实例如下:$(function(){coun
本文实例为大家分享了两种倒计时效果,供大家参考,具体内容如下效果图:1.倒计时效果倒计时*{margin:0;padding:0;}.dtime{margin:
先看看倒计时效果:代码:倒计时函数vartimer=(function(){returnfunction(json){if(json.currentTime){
本文实例讲述了JQuery实现的按钮倒计时效果。分享给大家供大家参考,具体如下:一个实现了在按钮上显示倒计时,倒计时完毕自动将按钮设置为不可用的效果,具体代码如