php怎么實(shí)現(xiàn)倒計(jì)時(shí)

本篇內(nèi)容介紹了“php怎么實(shí)現(xiàn)倒計(jì)時(shí)”的有關(guān)知識(shí),在實(shí)際案例的操作過程中,不少人都會(huì)遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!

創(chuàng)新互聯(lián)建站專注于舟曲網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供舟曲營銷型網(wǎng)站建設(shè),舟曲網(wǎng)站制作、舟曲網(wǎng)頁設(shè)計(jì)、舟曲網(wǎng)站官網(wǎng)定制、小程序制作服務(wù),打造舟曲網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供舟曲網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

php實(shí)現(xiàn)倒計(jì)時(shí)的方法:1、通過date_default_timezone_set設(shè)置時(shí)區(qū);2、配置每天的活動(dòng)時(shí)間段;3、計(jì)算出服務(wù)器和客戶端的時(shí)間差;4、通過“function GetRTime(){...}”方法實(shí)現(xiàn)倒計(jì)時(shí)即可。

php怎么實(shí)現(xiàn)倒計(jì)時(shí)

本文操作環(huán)境:Windows7系統(tǒng)、PHP7.1版、DELL G3電腦

php如何實(shí)現(xiàn)倒計(jì)時(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í)間不會(huì)影響到倒計(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í)間對(duì)我們的顯示的影響.

解決的辦法是計(jì)算出用戶端的時(shí)間和服務(wù)器的時(shí)間差.這樣問題的完成解決了.

這樣只需要運(yùn)行一次php.實(shí)時(shí)倒計(jì)時(shí)的時(shí)間就和服務(wù)器的時(shí)間同步了.

理論是同步的,但實(shí)際測試會(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>
<h2><strong id="RemainH">XX</strong>:<strong id="RemainM">XX</strong>:<strong id="RemainS">XX</strong></h2>
</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本頁
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>

實(shí)例3:

思路不同,簡單多了.

代碼:

<?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)還沒開始,活動(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>
<h2><strong id="RemainH">XX</strong>:<strong id="RemainM">XX</strong>:<strong id="RemainS">XX</strong></h2>
</body>
</html>

“php怎么實(shí)現(xiàn)倒計(jì)時(shí)”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!

分享文章:php怎么實(shí)現(xiàn)倒計(jì)時(shí)
網(wǎng)頁URL:http://www.muchs.cn/article28/ihpcjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、微信小程序、企業(yè)網(wǎng)站制作、Google、用戶體驗(yàn)、云服務(wù)器

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營