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)的更多相关文章
- Vue3语法快速入门以及写一个倒计时组件
		
Vue3写一个倒计时组件 vue3 beta版本发布已有一段时间了,文档也大概看了一下,不过对于学一门技术,最好的方法还是实战,于是找了一个比较简单的组件用vue3来实现,参考的是vant的count ...
 - 比较全的JavaScript倒计时脚本
		
JavaScript倒计时在Web中用得非常广泛,比如常见的团购啊.还有什么值得期待的事情,都可以用到倒计时.现在举了四个例子,比如时间长的倒计时,小时倒计时,最简的倒计时,还有秒表等等,应该可以满足 ...
 - jQuery倒计时组件(jquery.downCount.js)
		
//html <span class="days">00</span> <span class="hours">00< ...
 - JavaScript倒计时脚本
		
JavaScript倒计时在Web中用得非常广泛,比如常见的团购啊.还有什么值得期待的事情,都可以用到倒计时.现在举了四个例子,比如时间长的倒计时,小时倒计时,最简的倒计时,还有秒表等等,应该可以满足 ...
 - Vue回炉重造之封装防刷新考试倒计时组件
		
<!-- 考试倒计时组件 --> <template> <div class="time"> <p>00:{{timerCount2 ...
 - JavaScript倒计时
		
倒计时: 1.设置一个有效的结束日期 2.计算剩余时间 3.将时间转换成可用的格式 4.输出时钟数据作为一个可重用的对象 5.在页面上显示时钟,并在它到达0时停止 <div id="c ...
 - React Native之倒计时组件的实现(ios android)
		
React Native之倒计时组件的实现(ios android) 一,需求分析 1,app需实现类似于淘宝的活动倒计时,并在倒计时结束时,活动也结束. 2,实现订单倒计时,并在倒计时结束时,订单关 ...
 - 微信小程序倒计时组件开发
		
今天给大家带来微信小程序倒计时组件具体开发步骤: 先来看下最终效果: git源:http://git.oschina.net/dotton/CountDown 分步骤-性子急的朋友,可以直接看最后那段 ...
 - Vue2.0进阶组件  短信倒计时组件
		
原本我想隔个几天再发文章,刚好今天项目上线,环境有问题,导致只有干等,刚好要为公司打造一套属于公司自己的一系列功能组件,这个使命就交给我了,大家也一直叫我来点干货,说实话我只是一个湿货,肚子里干一点就 ...
 
随机推荐
- iOS开发之静态库(五)—— 图片、界面xib等资源文件封装到静态框架framework
			
编译环境:Macbook Air + OS X 10.9.2 + XCode5.1 + iPhone5s(iOS7.0.3) 一.首先将资源文件打包成bundle 由于bundle是静态的,所以可以将 ...
 - MySQL的几种连接 join/inner join/cross join/逗号/left join/right join/natural join
			
转载请注明出处!! 之前数据表连接操作多使用逗号或者join,对几种连接的概念一直浑浑噩噩,最近研究了一波,把这些连接的区别搞明白了. 连接:A xjoin B(主表 操作 关联表) selec ...
 - Django博客功能实现
			
开发环境:Python3.5.2和Django1.10.2 username: rootemail: 2016968116@qq.compassword: 123456liuqiuchen 现在我们进 ...
 - Android 实用工具Hierarchy Viewer实战
			
在Android的SDK工具包中,有很多十分有用的工具,可以帮助程序员开发和测试Android应用程序,大大提高其工作效率.其中的一款叫Hierachy Viewer的可视化调试工具,可以很方便地在开 ...
 - android ormlite queryBuilder.where() 多条件
			
QueryBuilder<VideoTagInfo, Integer> queryBuilder = videoTagInfoIntegerDao.queryBuilder();try { ...
 - Beego源码分析(转)
			
摘要 beego 是 @astaxie 开发的重量级Go语言Web框架.它有标准的MVC模式,完善的功能模块,和优异的调试和开发模式等特点.并且beego在国内企业用户较多,社区发达和Q群,文档齐全, ...
 - 2014中国软件开发者调查(二):Java、.NET、Web、云计算特点
			
继上周五放出第一篇中国软件开发者调查报告后,很多初学者和开发者翘首以盼第二篇.第三篇报告--希望这些调查报告能够给他们带来指导,解决他们的疑惑.确定他们的学习和使用信心.经过笔者在周末的努力,内容更加 ...
 - 2014中国软件开发者调查(一):Java最受欢迎 第二语言JS使用比例最高
			
2014 年 3 月 20 日到 4 月 25 日期间,CSDN 通过在线问卷渠道进行了中国软件开发者调查,本次调查问卷得到了近万名开发者踊跃支持.日前这份调查报告已经出炉,CSDN 将就调查结果连续 ...
 - nodejs express 框架解密4-路由
			
本文档是基于express3.4.6 express 的路由是自己去实现的,没有使用connect中的路由中间件模块. 1.在如何创建一个app那篇中,我们提到了路由, //router //路由 t ...
 - 每日英语:Mistrust Between U.S., Malaysia Strains Probe
			
Mistrust between U.S. and Malaysian air-accident investigators has hampered a multinational probe in ...