分享好友 教程资讯首页 频道列表

DESTOON团购增加倒计时

2023-10-06 19:261510

一:简介

最近在用DESTOON弄一个茶叶站模板,想要在网站首页和栏目页,列表页增加一个倒计时效果 要实现的功能:

1、除团购内容页的其他地方增加倒计时。

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>


举报 0
收藏 0
打赏 0
评论 0