DT二次开发之-采购页面加入好看的倒计时
页面 加入 采购 倒计时 二次开发 好看 DT
2023-09-14 08:57:35 时间
加入采购页面倒计时,个人感觉挺漂亮的,做下笔记。
<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}
相关文章
- ThThinkphp5学习006-项目案例-登录页面的模板设计
- 轻松实现在web页面中直接播放rtsp视频流「建议收藏」
- 不同页面之间实现参数传递的几种方式详解程序员
- jauery加入项目中,但是在页面中显示没有找到这个文件–springMVC框架详解编程语言
- SSH 网站制作之AJAX无刷新动态更新页面详解编程语言
- js实现的定时关闭页面或定时提醒效果代码
- jquery加载页面的方法(页面加载完成就执行)
- jsp页面中显示word/excel格式的文档的方法
- 解决Jqueryload()加载GB2312页面时出现乱码的两种方案
- Asp.net动态生成html页面的方法分享
- ajax动态传递jsp等页面使用id辨识传递对象
- Jquery方式获取iframe页面中的Dom元素
- js防止页面被iframe调用的方法