本篇內容介紹了“php怎么實現倒計時”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
創新互聯建站專注于舟曲網站建設服務及定制,我們擁有豐富的企業做網站經驗。 熱誠為您提供舟曲營銷型網站建設,舟曲網站制作、舟曲網頁設計、舟曲網站官網定制、小程序制作服務,打造舟曲網絡公司原創品牌,更為您提供舟曲網站排名全網營銷落地服務。
php實現倒計時的方法:1、通過date_default_timezone_set設置時區;2、配置每天的活動時間段;3、計算出服務器和客戶端的時間差;4、通過“function GetRTime(){...}”方法實現倒計時即可。
本文操作環境:Windows7系統、PHP7.1版、DELL G3電腦
php如何實現倒計時?
php實時倒計時功能實現方法詳解
具體如下:
這幾天公司要做一個限時購物的功能.這就要做到倒計時,要有實時的倒計時.
要求:
1) 要有小時分鐘秒的實時倒計時的顯示
2)用戶端修改日期時間不會影響到倒計時的正常顯示(也就是以服務器時間為準)
其實這和很多的考試等系統的時間限制功能同樣的要求.
解決思路:
1)總不能用ajax每秒都獲取服務器時間吧.
所以實時倒計時一定要用javascript實現.這很簡單.網上一大把的例子.
2)現在問題是解決用戶端修改日期時間對我們的顯示的影響.
解決的辦法是計算出用戶端的時間和服務器的時間差.這樣問題的完成解決了.
這樣只需要運行一次php.實時倒計時的時間就和服務器的時間同步了.
理論是同步的,但實際測試會有1秒的誤差.(具體原因就是和網速有關,網速越快,誤差就越小),但這決不會影響到我們上面的要求了.
實例:
代碼:
<?php //php的時間是以秒算。js的時間以毫秒算 date_default_timezone_set("Asia/Hong_Kong");//地區 //配置每天的活動時間段 $starttimestr = "09:00:00"; $endtimestr = "18:30:00"; $starttime = strtotime($starttimestr); $endtime = strtotime($endtimestr); $nowtime = time(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>PHP實時倒計時!</title> <script language="JavaScript"> <!-- // var EndTime=<?=$endtime*1000?>; var NowTime = new Date(); //計算出服務器和客戶端的時間差。 var dTime = <?=$nowtime*1000?>-NowTime.getTime(); function GetRTime(){ var NowTime = new Date(); var nMS = EndTime - NowTime.getTime()-dTime; var nH=Math.floor(nMS/(1000*60*60)) % 24; var nM=Math.floor(nMS/(1000*60)) % 60; var nS=Math.floor(nMS/1000) % 60; document.getElementById("RemainH").innerHTML=nH; document.getElementById("RemainM").innerHTML=nM; document.getElementById("RemainS").innerHTML=nS; if(nMS>5*59*1000&&nMS<=5*60*1000) { alert("還有最后五分鐘!"); } setTimeout("GetRTime()",1000); } window.onload=GetRTime; // --> </script> </head> <body> <h2><strong id="RemainH">XX</strong>:<strong id="RemainM">XX</strong>:<strong id="RemainS">XX</strong></h2> </body> </html>
實例2:
修改了上面的一些bug
代碼:
<?php //php的時間是以秒算。js的時間以毫秒算 date_default_timezone_set("Asia/Hong_Kong");//地區 //配置每天的活動時間段 $starttimestr = "09:00:00"; $endtimestr = "18:30:00"; $starttime = strtotime($starttimestr); $endtime = strtotime($endtimestr); $nowtime = time(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>PHP實時倒計時!</title> <script language="JavaScript"> <!-- // var EndTime=<?=$endtime*1000?>; var NowTime = new Date(); //計算出服務器和客戶端的時間差。 var dTime = NowTime.getTime()-<?=$nowtime*1000?>; var runtimes = 0; function GetRTime(){ var NowTime = new Date(); var dTimeNew = NowTime.getTime()-<?=$nowtime*1000?>; var dTimesM = Math.abs(Math.floor((dTimeNew-runtimes*1000-dTime)/1000));//客戶端時間和服務器當前時間的差 if (dTimesM>1) {//如果用戶修改了客戶端時間,就重新load本頁 window.location.reload(); } var nMS = EndTime - NowTime.getTime()+dTime; var nH=Math.floor(nMS/(1000*60*60)) % 24; var nM=Math.floor(nMS/(1000*60)) % 60; var nS=Math.floor(nMS/1000) % 60; document.getElementById("RemainH").innerHTML=nH; document.getElementById("RemainM").innerHTML=nM; document.getElementById("RemainS").innerHTML=nS; if(nMS>5*59*1000&&nMS<=5*60*1000) { alert("還有最后五分鐘!"); } runtimes++; setTimeout("GetRTime()",1000); } window.onload=GetRTime; // --> </script> </head> <body> <h2><strong id="RemainH">XX</strong>:<strong id="RemainM">XX</strong>:<strong id="RemainS">XX</strong></h2> </body> </html>
實例3:
思路不同,簡單多了.
代碼:
<?php //php的時間是以秒算。js的時間以毫秒算 date_default_timezone_set("Asia/Hong_Kong");//地區 //配置每天的活動時間段 $starttimestr = "09:00:00"; $endtimestr = "13:50:00"; $starttime = strtotime($starttimestr); $endtime = strtotime($endtimestr); $nowtime = time(); if ($nowtime<$starttime){ die("活動還沒開始,活動時間是:{$starttimestr}至{$endtimestr}"); } $lefttime = $endtime-$nowtime; //實際剩下的時間(秒) ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>PHP實時倒計時!</title> <script language="JavaScript"> <!-- // var runtimes = 0; function GetRTime(){ var nMS = <?=$lefttime?>*1000-runtimes*1000; var nH=Math.floor(nMS/(1000*60*60))%24; var nM=Math.floor(nMS/(1000*60)) % 60; var nS=Math.floor(nMS/1000) % 60; document.getElementById("RemainH").innerHTML=nH; document.getElementById("RemainM").innerHTML=nM; document.getElementById("RemainS").innerHTML=nS; if(nMS>5*59*1000&&nMS<=5*60*1000) { alert("還有最后五分鐘!"); } runtimes++; setTimeout("GetRTime()",1000); } window.onload=GetRTime; // --> </script> </head> <body> <h2><strong id="RemainH">XX</strong>:<strong id="RemainM">XX</strong>:<strong id="RemainS">XX</strong></h2> </body> </html>
“php怎么實現倒計時”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注創新互聯網站,小編將為大家輸出更多高質量的實用文章!
分享文章:php怎么實現倒計時
網頁URL:http://m.newbst.com/article28/ihpcjp.html
成都網站建設公司_創新互聯,為您提供網站建設、微信小程序、企業網站制作、Google、用戶體驗、云服務器
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯