手机版

JS/jquery实现一个网页内同时调用多个倒计时的方法

时间:2021-09-05 来源:互联网 编辑:宝哥软件园 浏览:

本文实例讲述了jquery/js实现一个网页内同时调用多个倒计时的方法。分享给大家供大家参考,具体如下:

最近需要网页添加多个倒计时。查阅网络,基本上都是千遍一律的不好用。自己按需写了个。希望对大家有用。有用请赞一个哦!

var plugJs={ stamp:0,tid:1,stampnow: '?服务器端编程语言(Professional Hypertext Preprocessor的缩写)回显“现在_时间?”,//统一开始时间戳间隔时间:函数(){ if(plug js。戳0){ var day=math。地板(插头js。邮票/(60 * 60 * 24));var hour=数学。地板(Plugjs。邮票/(60 * 60))-(第* 24天);定义变量分钟=Math.floor(plugJs.stamp/60) -(天* 24 * 60) -(小时* 60);var秒=数学。地板(plugjs。邮票-(天* 24 * 60 * 60) -(小时* 60 * 60) -(分钟* 60);if (day=9) day='0 '天;如果(小时=9)小时=0小时;如果(分钟=9)分钟='0 '分钟;如果(秒=9)秒='0 '秒;jQuery(' .t_h_' plugJs.tid).html(小时);jQuery(' .t_m_' plugJs.tid).html(分钟);jQuery(' .t_s_' plugJs.tid).html(秒);插头js。邮票-;setTimeout(' if )(plug js的类型。interval time)=' function '){ plug js。间隔时间();}',1000);} },timer:function (stampend,tid){ plug js。stamp=ParSeint(stamp end)-ParSeint(plug js。立即盖章);//剩余时间戳setTimeout(' if )(plug js的类型。interval time)=' function '){ plug js。间隔时间();}',1000);}};jQuery(文档)。ready(function(){ var stampend=ParSeint(jQuery)' .倒计时_ 1')。attr('数据时间');//灵活读取表里的结束时间戳plugJs.timer(stampend,' 1 ');});时间倒计时_ 1 '数据-时间=' 1449429731 ' span class=' t _ h _ 1 ' 00/span I class=' lay _ line ' :/I span class=' t _ m _ 1 ' 00/span I class=' lay _ line ' :/I span class=' t _ s _ 1 ' 00/span/div class='时间倒计时_ 2 '数据-时间=' 1449456731 '跨度类注释:setTimeout()只执行密码一次。如果要多次调用,请使用setInterval()或者让密码自身再次调用setTimeout()。

PS:这里再为大家推荐几款时间及日期相关工具供大家参考使用:

在线秒表工具:http://工具。JB 51。网/边民/苗彪

在线日期/天数计算器:http://工具。JB 51。net/jisuanqi/date _ jisuanqi

在线日期天数差计算器:http://工具。JB 51。net/jis uan qi/online datejsq

Unix操作系统操作系统时间戳(时间戳)转换工具:http://工具。JB 51。网络/代码/UNIX时间

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题: 《JavaScript时间与日期操作技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。

版权声明:JS/jquery实现一个网页内同时调用多个倒计时的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。