沉浸式阅读
Beta

采购页面加入好看的倒计时

©著作权     黑土 Ai 助手 订阅 开发技术       2016-09-17       1536      1      0      0      
学习要点:倒计时精确到天, 时,分,秒看图 https://st04.taomodi.com/buy/show.php?itemid=100 有倒计时显示网网址(模板开发网) 专注destoon 模板仿制服务联系QQ:290948585这段代码放在你想显示的位置即可span id="timer" /span {if $totime}script type="text/javascript"function TimeTo(dd){var t = new Date(dd),//取
倒计时精确到天, 时,分,秒

看图 https://st04.taomodi.com/buy/show.php?itemid=100  有倒计时显示网网址


  (模板开发网) 专注destoon 模板仿制服务  联系QQ:290948585

这段代码放在你想显示的位置即可

<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} 

本文标题: 采购页面加入好看的倒计时

本文链接: https://mbkfw.com/course/k-321.html (转载时请注明来源链接)

本文说明: 有问题或投稿请发送至: 邮箱/kf@dtmuban.com    QQ/290948585

特别鸣谢: 如果您觉得本文对您有帮助,请给我们一个小小的赞,收藏本文更利于反复学习哦!

 
本文标签: #倒计时
destoon程序前端开发标签生成器

下班PC阅读不方便?

手机也可以随时学习开发

微信关注公众号“商企云服”
"模板开发网前端开发教学"
每日干货技术分享
 
0

圈友点评

文明上网理性发言,请遵守网络评论服务协议


色彩
×

《客户实名在线注册登记》售后一直都在!

关注

微信
关注

微信扫一扫
不同的环境体验

幸运大转盘,好礼等您拿

模板开发网公众号

模板开发网微信小程序

代授权

程序
授权

黑小二

联系
客服

很高兴为您服务
尊敬的用户,欢迎您咨询,我们为新用户准备了优惠好礼。咨询客服

联系客服:

在线QQ: 290948585

客服电话: 18605917465

E_mail邮箱: kf@dtmuban.com

微信公众号: 商企云服

微信小程序: 模板开发

QQ客服 微信客服DT授权代办 在线交谈 智能小云 黑土AI

工作时间:

周一至周五: 09:00 - 18:00

APP下载

安卓
APK

模板开发网安卓版APP

反馈

我要
反馈