头像

PHP+JS秒杀倒计时代码

来源: https://www.codezhijia.com/php/5.html 代码之家 2018-02-08 18:49:56 浏览(1340) 收藏

PHP+JS简单实现的活动秒杀倒计时代码

PHP+JS秒杀倒计时代码
分类:PHP/MySQL > 其它 难易:入门
查看演示 下载资源: 11 下载资源 下载积分: 5

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; 

    }

}


如果您觉得该资源对您的学习有所帮助,您可以点击打赏请我喝杯咖啡,感谢!

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

评论1
头像

Tips:文明上网,谨慎发言,如有违反封号处理...

  • 头像 沙发
    05-19 09:17
    angler5930
    谢谢楼主,对我很有帮助
1 2