一:简介
最近在用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>
|