jQuery 倒计时
2013-11-14 08:46
411 查看
原文链接:http://www.cnblogs.com/rlm0909/p/3422580.html
(function ($) { jQuery.fn.extend({ countDown: function (opts) { opts = jQuery.extend({ endDate: "2013/11/11 9:12",//最后时间 cssClass: "imgDiv", message: "", miniteToAlert: 5, callback: function () { return false; } }, opts || {}); var $this = $(this); $this.addClass(opts.cssClass); //计时功能 var totalSecs, days, hours, mins, secs, date; var date1 = new Date(opts.endDate); var flag = true; var timer = setInterval(function () { date = new Date(); if (date1- date >= 0) { totalSecs = (date1-date ) / 1000; days = Math.floor(totalSecs / 3600 / 24); hours = Math.floor((totalSecs - days * 24 * 3600) / 3600); mins = Math.floor((totalSecs - days * 24 * 3600 - hours * 3600) / 60); secs = Math.floor((totalSecs - days * 24 * 3600 - hours * 3600 - mins * 60)); if (flag && mins < opts.miniteToAlert && days == 0 && hours == 0) { alert(opts.message); flag = false; } if (days < 10) days = "0" + days; if (hours < 10) hours = "0" + hours; if (mins < 10) mins = "0" + mins; if (secs < 10) secs = "0" + secs; $this.html(""); $this.append(days + " " + hours + " " + mins + " " + secs); } else { $this.html(""); $this.append("00 00 00 00"); opts.callback(); clearInterval(timer); } }, 1000); } }); })(jQuery);
转载于:https://www.cnblogs.com/rlm0909/p/3422580.html
相关文章推荐
- js/jquery实现免费获取手机验证码倒计时效果
- 【jquery】简单的倒计时效果
- js/jquery倒计时发送验证码按钮
- JQuery按钮倒计时
- jQuery中倒计时效果
- jquery 倒计时效果实现秒杀思路
- jquery实现简单的倒计时
- jquery倒计时
- jquery倒计时插件可自定义多个倒计时间
- jquery 倒计时
- jquery 实现点击按钮后倒计时效果
- jQuery实现的手机发送验证码倒计时效果代码分享
- Jquery :实现倒计时效果
- Jquery+Jquery-easyui的倒计时
- jquery版网页倒计时动态效果
- jquery实现的判断倒计时是否结束代码
- jquery实现倒计时和当前时间的显示
- jquery 10分钟 倒计时
- jquery/js实现一个网页同时调用多个倒计时(最新的)
- jquery实现倒计时效果