溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

PHP+JS怎么實(shí)現(xiàn)商品秒殺倒計(jì)時(shí)

發(fā)布時(shí)間:2021-06-21 11:18:26 來(lái)源:億速云 閱讀:134 作者:小新 欄目:開(kāi)發(fā)技術(shù)

這篇文章給大家分享的是有關(guān)PHP+JS怎么實(shí)現(xiàn)商品秒殺倒計(jì)時(shí)的內(nèi)容。小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧。

具體如下:

<?php
//php的時(shí)間是以秒算。js的時(shí)間以毫秒算
date_default_timezone_set('PRC');
//date_default_timezone_set("Asia/Hong_Kong");//地區(qū)
//配置每天的活動(dòng)時(shí)間段
$starttimestr = "2016-3-29 8:10:00";
$endtimestr = "2016-3-29 9:43:00";
$starttime = strtotime($starttimestr);
$endtime = strtotime($endtimestr);
$nowtime = time();
if ($nowtime<$starttime){
die("活動(dòng)還沒(méi)開(kāi)始,活動(dòng)時(shí)間是:{$starttimestr}至{$endtimestr}");
}
if ($endtime>=$nowtime){
$lefttime = $endtime-$nowtime; //實(shí)際剩下的時(shí)間(秒)
 }else{
 $lefttime=0;
 die("活動(dòng)已經(jīng)結(jié)束!");
}
?>
<script language="JavaScript">
var runtimes = 0;
function GetRTime(){
var nMS = <?php echo $lefttime; ?>*1000-runtimes*1000;
if (nMS>=0){
var nD=Math.floor(nMS/(1000*60*60*24))%24;
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("RemainD").innerHTML=nD;
document.getElementById("RemainH").innerHTML=nH;
document.getElementById("RemainM").innerHTML=nM;
document.getElementById("RemainS").innerHTML=nS;
if(nMS==5*60*1000)
{
alert("還有最后五分鐘!");
}
runtimes++;
setTimeout("GetRTime()",1000);
}
}
var Num = 0;
onload = function() {
 Refresh();
 setInterval("Refresh();",100);
 GetRTime();
}
function Refresh() {
 if (Num<10){
 document.getElementById("RemainL").innerHTML = Num;
 Num = Num + 1;
 }else{
 Num=0;
 }
}
</script>
<h5>距離活動(dòng)結(jié)束還有 <strong id="RemainD">XX</strong>天 <strong id="RemainH">XX</strong>小時(shí) <strong id="RemainM">XX</strong>分鐘 <strong id="RemainS">XX</strong>.<strong id="RemainL">XX</strong>秒</h5>

感謝各位的閱讀!關(guān)于“PHP+JS怎么實(shí)現(xiàn)商品秒殺倒計(jì)時(shí)”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI