素材牛VIP会员

PHP+JS秒杀倒计时代码

 所属分类:PHP实例-常用实例教程

 浏览:2096次  评论:9次  更新时间:2017-03-30
牛币素材VIP可免积分下载
PHP+JS秒杀倒计时代码
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:php毫秒倒计时,前台js活动展示倒计时,后台计算倒计时时间。每0.1秒定时刷新活动倒计时时间。

详细介绍

PHP核心部分

// 注意:php的时间是以秒算。js的时间以毫秒算 
// 设置时区 
date_default_timezone_set('PRC'); 
//配置每天的活动时间段 
$starttimestr = date('Y-m-d H:i:s', strtotime(date('Y-m-d'))); 
$endtimestr = date('Y-m-d H:i:s', strtotime(date('Y-m-d', strtotime('+1 day')))); 
$starttime = strtotime($starttimestr); 
$endtime = strtotime($endtimestr); 
$nowtime = time(); 
if ($nowtime < $starttime) { 
    exit("活动还没开始,活动时间是:{$starttimestr}至{$endtimestr}"); 
} 
if ($endtime >= $nowtime) { 
    $lefttime = $endtime - $nowtime; //实际剩下的时间(秒) 
} else { 
    $lefttime = 0; 
    exit("活动已经结束!"); 
}

JS部分

var runtimes = 0; 
function GetRTime() { 
    var lefttime = < ?php echo $lefttime; ? > * 1000 - runtimes * 1000; 
            if (lefttime >= 0) { 
        var nD = Math.floor(lefttime / (1000 * 60 * 60 * 24)) % 24; 
        var nH = Math.floor(lefttime / (1000 * 60 * 60)) % 24; 
        var nM = Math.floor(lefttime / (1000 * 60)) % 60; 
        var nS = Math.floor(lefttime / 1000) % 60; 
        document.getElementById("RemainD").innerHTML = nD; 
        document.getElementById("RemainH").innerHTML = nH; 
        document.getElementById("RemainM").innerHTML = nM; 
        document.getElementById("RemainS").innerHTML = nS; 
        if (lefttime == 5 * 60 * 1000) { 
            alert("还有最后五分钟!"); 
        } 
        runtimes++; 
        setTimeout("GetRTime()", 1000); 
    } else { 
        alert('活动结束了!'); 
        location.reload(); 
    } 
} 
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; 
    } 
}

讨论这个素材(9)回答他人问题或分享使用心得会奖励牛币

再***梦  
2017年05月13日

正好用到,谢谢分享,拿走了。

回复
en***20  
2017年08月01日

有用

回复
因***你  
2017年08月21日

正好用到,谢谢分享

回复
qi***da  
2017年08月24日

还是不用金币的很好

回复
卡***族  
2018年03月06日

是不用金币的很好

回复
钱***爱  
2018年03月08日

正好用到,谢谢分享,拿走了。

回复
谁***茫  
2018年03月09日

还是不用金币的好

回复
卡***族  
2018年03月09日

还是不用金币的好

回复
bi***og  
2018年07月03日

正好用到,谢谢分享

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:0 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)