zoukankan      html  css  js  c++  java
  • DT二次开发之-采购页面加入好看的倒计时

          加入采购页面倒计时,个人感觉挺漂亮的,做下笔记。

        

    <span id="timer" ></span>  
             
            {if $totime}
            
            <script type="text/javascript">  
    function TimeTo(dd){  
        var t = new Date(dd),//取得指定时间的总毫秒数  
            n = new Date().getTime(),//取得当前毫秒数  
            c = t - n;//得到时间差  
        if(c<=0){//如果差小于等于0  也就是过期或者正好过期,则推出程序  
            document.getElementById('timer').innerHTML ='活动已经结束';  
            clearInterval(window['ttt']);//清除计时器  
            return;//结束执行  
        }  
        var ds = 60*60*24*1000,//一天共多少毫秒  
            d = parseInt(c/ds),//总毫秒除以一天的毫秒 得到相差的天数  
            h = parseInt((c-d*ds)/(3600*1000)),//然后取完天数之后的余下的毫秒数再除以每小时的毫秒数得到小时  
            m = parseInt((c - d*ds - h*3600*1000)/(60*1000)),//减去天数和小时数的毫秒数剩下的毫秒,再除以每分钟的毫秒数,得到分钟数  
            s = parseInt((c-d*ds-h*3600*1000-m*60*1000)/1000);//得到最后剩下的毫秒数除以1000 就是秒数,再剩下的毫秒自动忽略即可  
             document.getElementById('timer').innerHTML = ' <b>'+d+'</b> 天 <b>'+h+'</b></b> 时 <b>'+m+'</b> 分 <b class="ss">'+s+'</b> 秒';//最后这句讲定义好的显示 更新到 ID为 timer的 div中
    }  
    (function(){  
        window['ttt']=setInterval(function(){  
        TimeTo('{date('Y/m/d', $totime)} 23:59:59');//定义倒计时的结束时间,注意格式  
        },1000);//定义计时器,每隔1000毫秒 也就是1秒 计算并更新 div的显示  
    })();  
    </script>  
            
            
          {else}
          长期有效         
          {/if}
           {if $expired} <span class="f_red">[已过期]</span>{/if} 
    

      

  • 相关阅读:
    office(Word、Excel、PPT等图标异常和桌面无新建解决方案)
    CentOS7安装搭建.Net Core 2.0环境-详细步骤
    Win7系统system进程句柄数一直增加解决方案
    安装.Net Framework 4.6.2时出现“无法建立到信任根颁发机构的证书链”解决方法
    css关于定位那些事情
    1份2015计划书
    js关于弹也遮罩层
    每日一句(2014-10-23)
    每日一句(2014-10-17)
    每日一句(2014-10-16)
  • 原文地址:https://www.cnblogs.com/68xi/p/9430193.html
Copyright © 2011-2022 走看看