php實(shí)時(shí)倒計(jì)時(shí)功能實(shí)現(xiàn)方法詳解
本文實(shí)例講述了php實(shí)時(shí)倒計(jì)時(shí)功能實(shí)現(xiàn)方法。分享給大家供大家參考,具體如下:
這幾天公司要做一個(gè)限時(shí)購物的功能.這就要做到倒計(jì)時(shí),要有實(shí)時(shí)的倒計(jì)時(shí).
要求:
1) 要有小時(shí)分鐘秒的實(shí)時(shí)倒計(jì)時(shí)的顯示
2)用戶端修改日期時(shí)間不會影響到倒計(jì)時(shí)的正常顯示(也就是以服務(wù)器時(shí)間為準(zhǔn))
其實(shí)這和很多的考試等系統(tǒng)的時(shí)間限制功能同樣的要求.
解決思路:
1)總不能用ajax每秒都獲取服務(wù)器時(shí)間吧.
所以實(shí)時(shí)倒計(jì)時(shí)一定要用javascript實(shí)現(xiàn).這很簡單.網(wǎng)上一大把的例子.
2)現(xiàn)在問題是解決用戶端修改日期時(shí)間對我們的顯示的影響.
解決的辦法是計(jì)算出用戶端的時(shí)間和服務(wù)器的時(shí)間差.這樣問題的完成解決了.
這樣只需要運(yùn)行一次php.實(shí)時(shí)倒計(jì)時(shí)的時(shí)間就和服務(wù)器的時(shí)間同步了.
理論是同步的,但實(shí)際測試會有1秒的誤差.(具體原因就是和網(wǎng)速有關(guān),網(wǎng)速越快,誤差就越小),但這決不會影響到我們上面的要求了.
實(shí)例:
代碼:
<?php
//php的時(shí)間是以秒算。js的時(shí)間以毫秒算
date_default_timezone_set("Asia/Hong_Kong");//地區(qū)
//配置每天的活動時(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ū)
//配置每天的活動時(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本頁
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:
思路不同,簡單多了.
代碼:
<?php
//php的時(shí)間是以秒算。js的時(shí)間以毫秒算
date_default_timezone_set("Asia/Hong_Kong");//地區(qū)
//配置每天的活動時(shí)間段
$starttimestr = "09:00:00";
$endtimestr = "13:50:00";
$starttime = strtotime($starttimestr);
$endtime = strtotime($endtimestr);
$nowtime = time();
if ($nowtime<$starttime){
die("活動還沒開始,活動時(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基本語法入門教程》、《PHP運(yùn)算與運(yùn)算符用法總結(jié)》、《php面向?qū)ο蟪绦蛟O(shè)計(jì)入門教程》、《PHP網(wǎng)絡(luò)編程技巧總結(jié)》、《php字符串(string)用法總結(jié)》、《php+mysql數(shù)據(jù)庫操作入門教程》及《php常見數(shù)據(jù)庫操作技巧匯總》
希望本文所述對大家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
PHP查找數(shù)組中只出現(xiàn)一次的數(shù)字實(shí)現(xiàn)方法【查找特定元素】
這篇文章主要介紹了PHP查找數(shù)組中只出現(xiàn)一次的數(shù)字實(shí)現(xiàn)方法,涉及php使用array_count_values針對數(shù)組元素進(jìn)行統(tǒng)計(jì)的相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
PHP中define() 與 const定義常量的區(qū)別詳解
這篇文章主要介紹了PHP中define() 與 const定義常量的區(qū)別,結(jié)合實(shí)例形式分析了php中使用define()與const定義常量的具體使用原理、技巧與相關(guān)用法區(qū)別,需要的朋友可以參考下2019-06-06

