30HUI - 倒计时组件（hui.countdown）

效果图

hui.countdown = function(timer, domId, showType)函数说明

功能：在指定的dom内产生一个倒计时组件 参数： 1、到期时间，格式 xxxx-xx-xx hh:ii:ss 2、dom元素id 3、组件展示类型 [ 1 : x天x时x分x秒，2 : x时x分x秒，3 : x❌x 4 : ii:ss ]

演示代码

HUI




    

    HUI 倒计时组件


    

        

        
倒计时组件演示
        

    
    

        

            
距离活动开始
            

        
        

            
距离抢票时间
            

        
        

            
距离开幕时间
            

        
        

            
分秒倒计时
            

        
    



/* 
 * hui.countdown()函数说明：
 * 参数1: 时间的标准格式 2018-09-01 12:50:10 [严格遵守系统会进行校验]
 * 参数2: domId
 * 参数3: 展示类型
 *       1. xx天xx时xx分xx秒
 *          2. xx时xx分xx秒
 *       3. xx:xx:xx
 *       4. xx:xx [xx分:xx秒]
 */
var dater = new Date();
var timer = (dater.getFullYear()+1) + '-01-01 12:00:00';
hui.countdown(timer, '#countdown1', 1);
hui.countdown(timer,'#countdown2', 2);
hui.countdown(timer,'#countdown3', 3);
hui.countdown(timer,'#countdown4', 4);