文章来自于:博客
文章链接:
商务合作的请加微信(QQ):2230304070
这篇文章主要介绍了PHP+JS实现的商品秒杀倒计时用法,结合实例形式分析了php+js针对日期与时间操作的相关技巧,需要的朋友可以参考下
PHP文件,$lefttime渲染到模板页面
<?php
//php的时间是以秒算。js的时间以毫秒算
date_default_timezone_set('PRC');
//date_default_timezone_set("Asia/Hong_Kong");//地区
//配置每天的活动时间段
$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("活动还没开始,活动时间是:{$starttimestr}至{$endtimestr}");
}
if ($endtime>=$nowtime){
$lefttime = $endtime-$nowtime; //实际剩下的时间(秒)
}else{
$lefttime=0;
die("活动已经结束!");
}
?>
JS页面js倒计时,$lefttime调用上面的PHP传递过来的秒数
<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;
}
}
距离活动结束还有 <strong id="RemainD">XX天 <strong id="RemainH">XX小时 <strong id="RemainM">XX分钟 <strong id="RemainS">XX.<strong id="RemainL">XX秒
以上是文章全部内容,有学习与经验交流的可以加以下二维码为好友js倒计时,记得备注“码农”。
限时特惠:本站每日持续更新海量展厅资源,一年会员只需29.9元,全站资源免费下载
站长微信:zhanting688
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。