最新消息: 新版网站上线了!!!

php和js一起实现倒计时功能

这里获取的php服务端的时间 纯JS是获取客服端时间!
<?php
    //php的时间是以秒算。js的时间以毫秒算
    date_default_timezone_set('PRC');
    //date_default_timezone_set("Asia/Hong_Kong");//地区
 
    $timestr = "2015-4-3 18:50:00";//倒计时时间
    $time = strtotime($timestr);//时间戳
    $nowtime = time();//当前时间戳
 
    if ($time>=$nowtime){
        $overtime = $time-$nowtime; //实际剩下的时间(单位/秒)
    }else{
        $overtime=0;
    }
?>
 
<script language="JavaScript">
    var runtimes = 0;
    function GetRTime(){
        var nMS = <?php echo $overtime; ?>*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;
            runtimes++;
            if(nD==0){
                //天数0 隐藏天数
                document.getElementById("hideD").style.display="none";
                if(nH==0){
                    //数0 隐藏天数
                    document.getElementById("hideH").style.display="none";
                    if(nM==0){
                        document.getElementById("hideM").style.display="none";
                        if(nS==0){
                            alert("倒计时完毕");
                        }
                    }
                }
            }
            setTimeout("GetRTime()",1000);
        }
    }
    window.onload = function() {
        GetRTime();
    }
</script>
 
<h4>开售还有 <span id="hideD"><strong id="RemainD"></strong>天</span> <span id="hideH"><strong id="RemainH"></strong>小时</span><span id="hideM"> <strong id="RemainM"></strong>分钟</span> <span id="hideS"><strong id="RemainS"></strong>秒</span></h4>

转载请注明:谷谷点程序 » php和js一起实现倒计时功能