首页 > 代码库 > jQuery简单倒计时插件
jQuery简单倒计时插件
1. 按照特定的类结构布局。
2. 需要先引入jQuery,再引入此文件。
/** * 简单倒计时 * * 支持页面内同时存在多个计时器并且不互相干扰 * * Usage: * * <div class="timer-simple-seconds" timer="3600"> * <span class="hour">hour</span>小时<span class="minute">minute</span>分<span class="second">second</span>秒 * </div> * */ $(function(){ //对所有的计时器进行处理 var timers=$(".timer-simple-seconds"); for(var i=0;i<timers.length;i++){ //先调用一次,避免误差 processTimer($(timers[i])); setInterval(processTimer,1000,$(timers[i])); } /** * 对时间进行处理 * @param {Object} timer */ function processTimer(timer){ var total=parseInt(timer.attr("timer")); //倒计时不能为负 if(total<0) return; //找到显示时分秒的元素 var hour=timer.find(".hour"); var minute=timer.find(".minute"); var second=timer.find(".second"); //计算应该显示的数值 var h=Math.floor(total/(60*60)); var m=Math.floor(Math.floor((total-h*60*60)/60)); var s=total-h*60*60-m*60; //补位 if(m<10) m="0"+m; if(s<10) s="0"+s; //显示 hour.text(h); minute.text(m); second.text(s); //记录数值,留待下次使用 total--; timer.attr("timer",total); } });
jQuery简单倒计时插件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。