zoukankan      html  css  js  c++  java
  • jQuery倒计时插件

    原文:http://www.cnphp6.com/archives/127252

    jquery.time.js源码如下(源码来自网络):
    (function($){
        $.fn.countDown = function(secs) {
            secs = parseInt(secs);
            var timeId,
                me = $(this),
                HMSObj,
                HMSHtml = '<span><span class="time-border">#HH#</span></span>' +
                    '<span>:</span>' +
                    '<span><span class="time-border">#MM#</span></span>' +
                    '<span>:</span>' +
                    '<span><span class="time-border">#SS#</span></span>';
            var timeId = setInterval(function(){
                HMSObj = $.secsToHMS(secs);
                me.html(HMSHtml.replace('#HH#', HMSObj.H).replace('#MM#', HMSObj.M).replace('#SS#', HMSObj.S));
                secs--;
                if(secs < 0) {
                    clearInterval(timeId);
                }
            }, 1000);
    
        };
        $.extend({
            secsToHMS : function(secs) {
                var H = '00',
                    M = '00',
                    S = '00';
                H = $.formatTimeDouble(parseInt(secs/3600));
                secs %= 3600;
                M = $.formatTimeDouble(parseInt(secs/60));
                secs %= 60;
                S = $.formatTimeDouble(parseInt(secs));
                return {
                    H : H,
                    M : M,
                    S : S
                }
            },
            formatTimeDouble: function(time) {
                return 10 <= time ? time : 
                        time > 0 ? '0' + time : '00';
            }
        });
    })($);
    
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title></title>
    		
    		<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    		<script type="text/javascript" src="js/jquery.time.js"></script>
    		<script type="text/javascript">
    		  $(function() {
    		    $("#time").countDown(10);
    		  });        
    		</script>
    	</head>
    	<body>
    		<div id="time"></div>
    	</body>
    </html>
    
  • 相关阅读:
    android matrix
    canvas变换
    Gradle常用命令
    android View实现变暗效果
    常用设计模式
    Android无埋点数据收集SDK关键技术
    如何打开小米,oppo,华为等手机的系统应用的指定页面
    Android 性能优化
    SpringBoot入坑-请求参数传递
    SpringBoot入坑-配置文件使用
  • 原文地址:https://www.cnblogs.com/guxingzhe/p/5010034.html
Copyright © 2011-2022 走看看