zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    Java8新特性Function、BiFunction使用
    Java8 stream用法-备忘录
    springboot使用过滤器Filter
    dockerfile命令说明及使用
    RestTemplate对象,进行get和post简单用法
    Jackson动态处理返回字段
    springboot-jjwt HS256加解密(PS:验证就是解密)
    SpringBoot2.1.3修改tomcat参数支持请求特殊符号
    mysql存储过程 带参数 插入 操作
    性能测试如何计算设置并发数
  • 原文地址:https://www.cnblogs.com/whowhere/p/6062002.html
Copyright © 2011-2022 走看看