小编给大家分享一下JS/jquery如何实现一个网页内同时调用多个倒计时,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
成都一家集口碑和实力的网站建设服务商,拥有专业的企业建站团队和靠谱的建站技术,10余年企业及个人网站建设经验 ,为成都千余家客户提供网页设计制作,网站开发,企业网站制作建设等服务,包括成都营销型网站建设,品牌网站设计,同时也为不同行业的客户提供成都网站建设、成都网站制作的服务,包括成都电商型网站制作建设,装修行业网站制作建设,传统机械行业网站建设,传统农业行业网站制作建设。在成都做网站,选网站制作建设服务商就选成都创新互联公司。效果如:
var plugJs={ stamp:0, tid:1, stampnow:'',//统一开始时间戳 intervalTime:function(){ if(plugJs.stamp > 0){ var day = Math.floor(plugJs.stamp / (60 * 60 * 24)); var hour = Math.floor(plugJs.stamp / (60 * 60)) - (day * 24); var minute = Math.floor(plugJs.stamp / 60) - (day * 24 * 60) - (hour * 60); var second = Math.floor(plugJs.stamp) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60); if (day <= 9) day = '0' + day; if (hour <= 9) hour = '0' + hour; if (minute <= 9) minute = '0' + minute; if (second <= 9) second = '0' + second; jQuery('.t_h_'+plugJs.tid).html(hour); jQuery('.t_m_'+plugJs.tid).html(minute); jQuery('.t_s_'+plugJs.tid).html(second); plugJs.stamp--; setTimeout('if(typeof(plugJs.intervalTime) == "function"){plugJs.intervalTime();}',1000); } }, timer:function (stampend,tid){ plugJs.stamp = parseInt(stampend)-parseInt(plugJs.stampnow);//剩余时间戳 setTimeout('if(typeof(plugJs.intervalTime) == "function"){plugJs.intervalTime();}',1000); } }; jQuery(document).ready(function(){ var stampend = parseInt(jQuery('.countdown_1').attr('data-time'));//灵活读取表里的结束时间戳 plugJs.timer(stampend,'1'); });
00 : 00 : 0000 : 00 : 00
注释:setTimeout()
只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用setTimeout()
。
以上是“JS/jquery如何实现一个网页内同时调用多个倒计时”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联网站建设公司行业资讯频道!
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。