php實(shí)時(shí)倒計(jì)時(shí)功能實(shí)現(xiàn)方法詳解
本文實(shí)例講述了php實(shí)時(shí)倒計(jì)時(shí)功能實(shí)現(xiàn)方法。分享給大家供大家參考，具體如下：
這幾天公司要做一個(gè)限時(shí)購(gòu)物的功能.這就要做到倒計(jì)時(shí),要有實(shí)時(shí)的倒計(jì)時(shí).
要求:
1) 要有小時(shí)分鐘秒的實(shí)時(shí)倒計(jì)時(shí)的顯示
2)用戶端修改日期時(shí)間不會(huì)影響到倒計(jì)時(shí)的正常顯示(也就是以服務(wù)器時(shí)間為準(zhǔn))
其實(shí)這和很多的考試等系統(tǒng)的時(shí)間限制功能同樣的要求.
解決思路:
1)總不能用ajax每秒都獲取服務(wù)器時(shí)間吧.
所以實(shí)時(shí)倒計(jì)時(shí)一定要用javascript實(shí)現(xiàn).這很簡(jiǎn)單.網(wǎng)上一大把的例子.
2)現(xiàn)在問(wèn)題是解決用戶端修改日期時(shí)間對(duì)我們的顯示的影響.
解決的辦法是計(jì)算出用戶端的時(shí)間和服務(wù)器的時(shí)間差.這樣問(wèn)題的完成解決了.
這樣只需要運(yùn)行一次php.實(shí)時(shí)倒計(jì)時(shí)的時(shí)間就和服務(wù)器的時(shí)間同步了.
理論是同步的,但實(shí)際測(cè)試會(huì)有1秒的誤差.(具體原因就是和網(wǎng)速有關(guān),網(wǎng)速越快,誤差就越小),但這決不會(huì)影響到我們上面的要求了.
實(shí)例:
代碼：
<?php
//php的時(shí)間是以秒算。js的時(shí)間以毫秒算
date_default_timezone_set("Asia/Hong_Kong");//地區(qū)
//配置每天的活動(dòng)時(shí)間段
$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實(shí)時(shí)倒計(jì)時(shí)!</title>
<script language="JavaScript">
<!-- //
var EndTime=<?=$endtime*1000?>;
var NowTime = new Date();
//計(jì)算出服務(wù)器和客戶端的時(shí)間差。
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>
<h1><strong id="RemainH">XX</strong>:<strong id="RemainM">XX</strong>:<strong id="RemainS">XX</strong></h1>
</body>
</html>
實(shí)例2:
修改了上面的一些bug
代碼：
<?php
//php的時(shí)間是以秒算。js的時(shí)間以毫秒算
date_default_timezone_set("Asia/Hong_Kong");//地區(qū)
//配置每天的活動(dòng)時(shí)間段
$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實(shí)時(shí)倒計(jì)時(shí)!</title>
<script language="JavaScript">
<!-- //
var EndTime=<?=$endtime*1000?>;
var NowTime = new Date();
//計(jì)算出服務(wù)器和客戶端的時(shí)間差。
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));//客戶端時(shí)間和服務(wù)器當(dāng)前時(shí)間的差
if (dTimesM>1) {//如果用戶修改了客戶端時(shí)間，就重新load本頁(yè)
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>
<h1><strong id="RemainH">XX</strong>:<strong id="RemainM">XX</strong>:<strong id="RemainS">XX</strong></h1>
</body>
</html>
實(shí)例3:
思路不同,簡(jiǎn)單多了.
代碼：
<?php
//php的時(shí)間是以秒算。js的時(shí)間以毫秒算
date_default_timezone_set("Asia/Hong_Kong");//地區(qū)
//配置每天的活動(dòng)時(shí)間段
$starttimestr = "09:00:00";
$endtimestr = "13:50:00";
$starttime = strtotime($starttimestr);
$endtime = strtotime($endtimestr);
$nowtime = time();
if ($nowtime<$starttime){
die("活動(dòng)還沒(méi)開(kāi)始,活動(dòng)時(shí)間是：{$starttimestr}至{$endtimestr}");
}
$lefttime = $endtime-$nowtime; //實(shí)際剩下的時(shí)間（秒）
?>
<!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實(shí)時(shí)倒計(jì)時(shí)!</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>
<h1><strong id="RemainH">XX</strong>:<strong id="RemainM">XX</strong>:<strong id="RemainS">XX</strong></h1>
</body>
</html>
PS：這里再為大家推薦幾款時(shí)間及日期相關(guān)工具供大家參考使用：
在線日期/天數(shù)計(jì)算器：
http://tools.jb51.net/jisuanqi/date_jisuanqi
在線日期計(jì)算器/相差天數(shù)計(jì)算器：
http://tools.jb51.net/jisuanqi/datecalc
在線日期天數(shù)差計(jì)算器：
http://tools.jb51.net/jisuanqi/onlinedatejsq
Unix時(shí)間戳(timestamp)轉(zhuǎn)換工具：
http://tools.jb51.net/code/unixtime
更多關(guān)于PHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《php日期與時(shí)間用法總結(jié)》、《PHP數(shù)組(Array)操作技巧大全》、《PHP基本語(yǔ)法入門(mén)教程》、《PHP運(yùn)算與運(yùn)算符用法總結(jié)》、《php面向?qū)ο蟪绦蛟O(shè)計(jì)入門(mén)教程》、《PHP網(wǎng)絡(luò)編程技巧總結(jié)》、《php字符串(string)用法總結(jié)》、《php+mysql數(shù)據(jù)庫(kù)操作入門(mén)教程》及《php常見(jiàn)數(shù)據(jù)庫(kù)操作技巧匯總》
希望本文所述對(duì)大家PHP程序設(shè)計(jì)有所幫助。
相關(guān)文章
php使用pclzip類實(shí)現(xiàn)文件壓縮的方法(附pclzip類下載地址)
這篇文章主要介紹了php使用pclzip類實(shí)現(xiàn)文件壓縮的方法,分析了使用pclzip類的具體步驟與實(shí)現(xiàn)文件壓縮的相關(guān)技巧,并附帶pclzip類文件的下載地址,需要的朋友可以參考下2016-04-04
這篇文章主要為大家詳細(xì)介紹了如何利用擴(kuò)展的方式實(shí)現(xiàn)在PHP中使用Kafka，具體包括擴(kuò)展安裝和這種方式的基本操作，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-05-05
今天小編就為大家分享一篇關(guān)于PHP自動(dòng)生成縮略圖函數(shù)的源碼示例，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-03-03
本篇文章是對(duì)如何在PHP下載文件名中解決亂碼的問(wèn)題進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
雅虎的一份PHP面試題附答案2009-01-01
PHP查找數(shù)組中只出現(xiàn)一次的數(shù)字實(shí)現(xiàn)方法【查找特定元素】
這篇文章主要介紹了PHP查找數(shù)組中只出現(xiàn)一次的數(shù)字實(shí)現(xiàn)方法,涉及php使用array_count_values針對(duì)數(shù)組元素進(jìn)行統(tǒng)計(jì)的相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
思路就是通過(guò)DOMDocument將一個(gè)html file轉(zhuǎn)換成DOM樹(shù)的數(shù)據(jù)結(jié)構(gòu)，再用DOMXPath的實(shí)例去搜索這個(gè)DOM樹(shù)，接下來(lái)就可以對(duì)當(dāng)前節(jié)點(diǎn)的子樹(shù)進(jìn)行遍歷2014-06-06
這篇文章主要介紹了PHP中提問(wèn)頻率最高的11個(gè)面試題和答案,每個(gè)公司都有自己的面試標(biāo)準(zhǔn),面試和問(wèn)題是完全取決于你在工作中所扮演的角色,當(dāng)然也和你的編程技能息息相關(guān),需要的朋友可以參考下2014-09-09
PHP中define() 與 const定義常量的區(qū)別詳解
這篇文章主要介紹了PHP中define() 與 const定義常量的區(qū)別,結(jié)合實(shí)例形式分析了php中使用define()與const定義常量的具體使用原理、技巧與相關(guān)用法區(qū)別,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了PHP答題類應(yīng)用接口,以實(shí)例形式詳細(xì)分析了答題類程序的實(shí)現(xiàn)思路與相關(guān)技巧,并備有較為詳盡的注釋說(shuō)明,便于理解,需要的朋友可以參考下2015-02-02