一:简介
最近在用DESTOON弄一个茶叶站模板,想要在网站首页和栏目页,列表页增加一个倒计时效果 要实现的功能:
2、可在调用的列表内容显示。
3、可根据需要切换显示倒计时的天数或日期时间。
二:源代码
这个jquery代码要先调用
function PCOOF() { $(".totime").each(function() { endtime = new Date($(this).attr("endtime")).getTime(); nowtime = new Date().getTime(); ts = (endtime - nowtime) / 1000; d = Math.floor(ts / 3600; / 24;); h = Math.floor((ts / 3600;) % 24;); i = Math.floor((ts / 60;) % 60;); s = Math.floor(ts % 60;); m=Math.floor(ts / 0.1) % 10; if (endtime <= nowtime) { $(this).html("已过期") } else { $(this).html("剩余:"+d+"天"+h+"时"+i+"分"+s+"."+m+"秒"); } }); setTimeout("PCOOF()", 100;); }; $(function() { PCOOF(); }); |
三:使用
放到你想要显示的地方, class="totime"这个必须有,endtime=结束时间。
<div class="list_group_totime totime" endtime="{timetodate($t[totime],'m/d/Y/ H:i:s')}"></div> |