現在很多的團購網站上都有剩餘時間的顯示。顯示剩餘時間可以使用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實現倒計時的關鍵代碼,希望對大家的學習有所協助。