爱采购

发产品

  • 发布供应
  • 管理供应
DESTOON团购增加倒计时DESTOON团购增加倒计时_destoon教程_PHP 教程_软件编程_教程资讯_大秦朝旭-码农学习站

DESTOON团购增加倒计时

   2023-10-06 105 0
导读

一:简介最近在用DESTOON弄一个茶叶站模板,想要在网站首页和栏目页,列表页增加一个倒计时效果 要实现的功能:1、除团购内容页的其他地方增加倒计时。2、可在调

一:简介

最近在用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评论 0
免责声明
• 
本文为会员q2597758发布,欢迎转载,转载请注明原文出处:http://52419.net/news/show-316.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 
更多>同类destoon教程

入驻

企业入驻成功 可尊享多重特权

入驻热线:17792038992

请手机扫码访问

客服

客服热线:17792038992

小程序

小程序更便捷的查找产品

为您提供专业帮买咨询服务

请用微信扫码

公众号

微信公众号,收获商机

微信扫码关注

顶部