Javascript倒计时组件new TimeSpan(hours, minutes, minutes)

function TimeSpan(h, m, s) {

    this.h = Number(h);
    this.m = Number(m);
    this.s = Number(s);

}

TimeSpan.prototype = {

    timer: null,

    stop: function() {

    },

    callback: Function(),

    start: function(callback) {
        var self = this;

        if (callback) {

            this.callback = callback;
        }

        if (isNaN(this.s)) {
            return;
        }

        self.timer = setInterval(function() {

            self.s--;

            if (self.s >= 0) {
                self.callback();
                return;

            }

            //s < 0, m > 0
            if (self.m > 0) {
                self.s = 59;
                self.m--;
                self.callback();
                return;
            }

            //s < 0 ,m = 0, h<1
            if (isNaN(self.h) || self.h < 1) {
                //self.callback();
                clearInterval(self.timer);
                return;
            }

            self.m = 59;
            self.s = 59;
            self.h--
            self.callback();
        }, 1000);

    }
};

调用:

    var ts = new TimeSpan(hours, minutes, minutes);

    ts.start(function(){
        var s = this.s < 10 ? "0" + this.s : this.s;
        var m = this.m < 10 ? "0" + this.m : this.m;
        $(".clock .time").html(m + "分" + s + "秒");
    });

Javascript倒计时组件new TimeSpan(hours, minutes, minutes),布布扣,bubuko.com

时间: 2024-12-22 10:21:41

Javascript倒计时组件new TimeSpan(hours, minutes, minutes)的相关文章

JavaScript倒计时脚本

JavaScript倒计时在Web中用得非常广泛,比如常见的团购啊.还有什么值得期待的事情,都可以用到倒计时.现在举了四个例子,比如时间长的倒计时,小时倒计时,最简的倒计时,还有秒表等等,应该可以满足大部分需求.郸城县殳海环保 1. 比较长时间的倒计时 离2015年还有: 01 <script type="text/javascript">   02 startclock(); 03 var timerID = null;   04 var timerRunning = f

jQuery倒计时组件(jquery.downCount.js)

//html <span class="days">00</span> <span class="hours">00</span>: <span class="minutes">00</span>: <span class="seconds">00</span> <script src="js/jquery.down

JavaScript倒计时

倒计时: 1.设置一个有效的结束日期 2.计算剩余时间 3.将时间转换成可用的格式 4.输出时钟数据作为一个可重用的对象 5.在页面上显示时钟,并在它到达0时停止 <div id="clock"> <span id="days"></span>天 <span id="hours"></span>时 <span id="minutes"></span&

倒计时组件的封装

uni-ui中也是有类似的插件(电商h5页面经常会用到的),可以根据自身的需求去做相应的改变 https://ext.dcloud.net.cn/search?q=%E5%80%92%E8%AE%A1%E6%97%B6 <template> <view class="uni-countdown" :class="{miaosha:miaosha}"> <text v-if="showDay" :style="

javascript 分页组件

原文:javascript 分页组件 自己写的一个简单的分页组件,主要功能还有实现都在JS中,html页面中只用增加一个放置生成分页的DIV,并给定容器的id. html结构如下: <ul class="pagination" id="pageDIV"> </ul> class="pagination" 给定了分页的样式, id="pageDIV"用于放置JS生成的分页 CSS结构如下: .pagina

JavaScript日期组件的实现

旅游频道的开发中需要定义各种日期组件,有的是基本的日期选择, 这个基本日期只包含如下功能 左右翻(月) 点击天回填到输入域 点击"今天",回填今天的日期到输入域 点击"关闭",日期控件关闭 有的同时显示两个月的日期 有的包含一些业务信息,比如机票搜索结果页的低价日历. 这个比上面的要复杂一些 每天的日期格子里含有价格信息 点击左右箭头会向后退请求更新每天的低价机票信息 且点击每天的格子是会重新查询 这里记录下一个基本日历组件的要点 一.html结构 这里以table

倒计时组件

倒计时组件: 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); }

javascript 倒计时获取验证码

var wait=60;function reSendCode(id) { var obj = $("#"+id); if (wait == 0) { obj.attr("disabled",false); $('#getcode').removeClass('no-disable').addClass("get-code").attr('disabled',false).val("免费获取验证码"); wait = 60;

javascript 倒计时代码

<script language="javascript" type="text/javascript"> var interval = 1000; function ShowCountDown(year, month, day, house,divname) { var now = new Date(); var endDate = new Date(year, month - 1, day,house); var leftTime = endDate