首页 > 代码库 > 倒计时组件
倒计时组件
倒计时组件:
function Countdown(leavetime) { this._init(leavetime); } Countdown.prototype = { _init : function (leavetime) { this.timer = null; this.leavetime = leavetime || 0; this.clock = {}; this.clock.leavetimeSec = Math.floor(this.leavetime / 1000); }, _format : function () { this.clock.sec = this.clock.leavetimeSec % 3600 % 60; this.clock.min = Math.floor(this.clock.leavetimeSec % 3600 / 60); this.clock.hours = Math.floor(this.clock.leavetimeSec / 3600); this.clock.secStr = String(this.clock.sec).length == 1 ? (‘0‘ + this.clock.sec) : String(this.clock.sec); this.clock.minStr = String(this.clock.min).length == 1 ? (‘0‘ + this.clock.min) : String(this.clock.min); this.clock.hourStr = String(this.clock.hours).length == 1 ? (‘0‘ + this.clock.hours) : String(this.clock.hours); }, run : function (doFn, endFn) { var that = this; this._format(); doFn(this.clock); if (this.clock.leavetimeSec == 0) { clearTimeout(this.timer); endFn(this.clock); return this; } this.clock.leavetimeSec --; this.timer = setTimeout(function () { that.run(doFn, endFn); }, 1000) } };
使用:(为说明使用,运用了jquery获取dom对象)
html: <div id="box"></div> var Countdown = new Countdown(30000000); // 实例化倒计时 // 运行倒计时 Countdown.run(function (clock) { // clock 是个对象 挂载着小时 分钟 秒钟 $(‘#box‘).text(clock.hourStr + ‘:‘ + clock.minStr + ‘:‘ + clock.secStr); }, function () { // 这里写倒计时到点的callback alert(‘结束了!‘) });
倒计时组件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。