php怎么實現(xiàn)倒計時
本篇內(nèi)容介紹了“php怎么實現(xiàn)倒計時”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！
創(chuàng)新互聯(lián)建站專注于舟曲網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供舟曲營銷型網(wǎng)站建設(shè)，舟曲網(wǎng)站制作、舟曲網(wǎng)頁設(shè)計、舟曲網(wǎng)站官網(wǎng)定制、小程序制作服務(wù)，打造舟曲網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供舟曲網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
php實現(xiàn)倒計時的方法：1、通過date_default_timezone_set設(shè)置時區(qū)；2、配置每天的活動時間段；3、計算出服務(wù)器和客戶端的時間差；4、通過“function GetRTime(){...}”方法實現(xiàn)倒計時即可。
本文操作環(huán)境：Windows7系統(tǒng)、PHP7.1版、DELL G3電腦
php如何實現(xiàn)倒計時？
php實時倒計時功能實現(xiàn)方法詳解
具體如下：
這幾天公司要做一個限時購物的功能.這就要做到倒計時,要有實時的倒計時.
要求:
1) 要有小時分鐘秒的實時倒計時的顯示
2)用戶端修改日期時間不會影響到倒計時的正常顯示(也就是以服務(wù)器時間為準(zhǔn))
其實這和很多的考試等系統(tǒng)的時間限制功能同樣的要求.
解決思路:
1)總不能用ajax每秒都獲取服務(wù)器時間吧.
所以實時倒計時一定要用javascript實現(xiàn).這很簡單.網(wǎng)上一大把的例子.
2)現(xiàn)在問題是解決用戶端修改日期時間對我們的顯示的影響.
解決的辦法是計算出用戶端的時間和服務(wù)器的時間差.這樣問題的完成解決了.
這樣只需要運行一次php.實時倒計時的時間就和服務(wù)器的時間同步了.
理論是同步的,但實際測試會有1秒的誤差.(具體原因就是和網(wǎng)速有關(guān),網(wǎng)速越快,誤差就越小),但這決不會影響到我們上面的要求了.
實例:
代碼：
<?php
//php的時間是以秒算。js的時間以毫秒算
date_default_timezone_set("Asia/Hong_Kong");//地區(qū)
//配置每天的活動時間段
$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();
//計算出服務(wù)器和客戶端的時間差。
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");//地區(qū)
//配置每天的活動時間段
$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();
//計算出服務(wù)器和客戶端的時間差。
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));//客戶端時間和服務(wù)器當(dāng)前時間的差
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");//地區(qū)
//配置每天的活動時間段
$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怎么實現(xiàn)倒計時”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！
分享文章：php怎么實現(xiàn)倒計時
網(wǎng)頁URL：http://aaarwkj.com/article28/ihpcjp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、微信小程序、企業(yè)網(wǎng)站制作、Google、用戶體驗、云服務(wù)器
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
- 什么是面包屑，面包屑導(dǎo)航對seo有哪些作用 2022-08-12
- 百度快照推廣網(wǎng)站外部鏈接的公道機關(guān)：需要從導(dǎo)航欄、側(cè)邊欄、面包屑導(dǎo)航開始籌謀 2023-01-23
- 網(wǎng)站如何正確使用面包屑導(dǎo)航？ 2016-12-28
- 綿陽建網(wǎng)站：在制作網(wǎng)站時如何才能做好面包屑導(dǎo)航？ 2021-11-26
- 網(wǎng)站優(yōu)化先行官：面包屑導(dǎo)航 2021-10-13
- 面包屑導(dǎo)航優(yōu)化原則都有什么？ 2022-06-14
- 公司網(wǎng)站制作的時候怎樣正確使用面包屑導(dǎo)航 2021-04-25
- 手機網(wǎng)站中面包屑導(dǎo)航是否有存在的必要？ 2016-08-20
- 成都網(wǎng)絡(luò)公司告訴你有關(guān)面包屑導(dǎo)航的事 2016-11-01
- 順義seo優(yōu)化：網(wǎng)站優(yōu)化之面包屑導(dǎo)航剖析 2016-02-07
- 面包屑導(dǎo)航對網(wǎng)站SEO優(yōu)化推廣的重要性 2022-08-12
- 網(wǎng)站制作中的面包屑導(dǎo)航是什么？ 2021-04-25