php實現倒計時效果_php技巧

來源:互聯網
上載者:User

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.