zoukankan      html  css  js  c++  java
  • PHP 实现简单的 倒计时 时分秒

    // 以 YII框架为例:  C 层代码
    
     public function actionIndex()
        {
            //php的时间是以秒算。js的时间以毫秒算
    
            date_default_timezone_set("Asia/Hong_Kong");//地区
    
            //配置每天的活动时间段
            $starttimestr = "18:53:00";
          
            //转换为时间戳
            $starttimestr  =   strtotime($starttimestr);
            $nowtime  =   time();
            $lefttime = $starttimestr-$nowtime;  //实际剩下的时间(秒)
    
    
            return $this->render('index',['lefttime'=>$lefttime]);
        }
    // 以 YII框架为例:  C 层代码
    
     public function actionIndex()
        {
            //php的时间是以秒算。js的时间以毫秒算
    
            date_default_timezone_set("Asia/Hong_Kong");//地区
    
            //配置每天的活动时间段
            $starttimestr = "18:53:00";
          
            //转换为时间戳
            $starttimestr  =   strtotime($starttimestr);
            $nowtime  =   time();
            $lefttime = $starttimestr-$nowtime;  //实际剩下的时间(秒)
    
    
            return $this->render('index',['lefttime'=>$lefttime]);
        }
    //V 层代码
    
    
    <span class="time" >
        <span id="RemainH">00</span><span id="RemainM">00</span><span id="RemainS">00</span></span>
    
    
    
    //  JS 代码
    
    <script>
        var runtimes = 0;
        function GetRTime(){
            var nMS = <?=$lefttime?>*1000-runtimes*1000;
            //var nD = Mach.floor(nMS/(1000*60*60*24)) % 30
            var nH=Math.floor(nMS/(1000*60*60))%24;
            var nM=Math.floor(nMS/(1000*60)) % 60;
            var nS=Math.floor(nMS/1000) % 60;
            if(nMS>0){
               $("#RemainH").html(nH)
               $("#RemainM").html(nM)
               $("#RemainS").html(nS)
            }
       
            runtimes++;
            setTimeout("GetRTime()",1000);
        }
        window.onload=GetRTime;
    </script>    
  • 相关阅读:
    03-Spring默认标签解析
    想要写出好味道的代码,你需要养成这些好习惯!
    IDEA 缺少Springboot启动图标 如何添加
    echarts的canvas大小
    JS控制div上下滚动内容
    2020新的一年开始了
    2019年第一个工作日!
    关于.net项目前后端分离框架(一)
    MongoDB学习一:安装及简单使用
    spring默认标签与自定义标签学习
  • 原文地址:https://www.cnblogs.com/zhanzy/p/6631412.html
Copyright © 2011-2022 走看看