1.0.3 • Published 8 years ago

countdown22222 v1.0.3

Weekly downloads
-
License
ISC
Repository
-
Last release
8 years ago

#倒计时(解决运行时间长后时间不同步问题) update

  • format支持Function格式,返回时间对象,this指向对应倒计时DOM

注意

使用

html结构

<div class="countdown" data-startDate="11/8/2015 16:21:00" data-endDate="11/9/2015 18:50:10"></div>

js调用(依赖jquery或zepto)

$(".countdown").countdown({
    rootTime:timeStamp,
	// d:h:m:s(默认)、h:m:s、m:s
    timeFormat:"h:m:s",
    willbe:{
        //format:'<span>距离开始时间还有:</span><span>{day}</span> 天 <span>{hour}</span> 时 <span>{min}</span> 分 <span>{sec}</span> 秒',
		//or
		format:function(time){
			if(time.hour>5){
                        
            }else{
                
            }
            
            $(this).html('<span>距离开始时间还有:</span><span>'+time.day+'</span> 天 <span>'+time.hour+'</span> 时 <span>'+time.min+'</span> 分 <span>'+time.sec+'</span> 秒');
		},

        callback:function(){}
    },
    start:{
        format:'',
        callback:function(){}
    },
    end:{
        format:'',
        callback:function(){}
    }
})

参数设置

  • rootTime {String||Number} 项目服务器的时间戳(ms)
  • timeFormat {String} 时间格式,三种:d:h:m:s(默认)、h:m:s、m:s
  • willbe{Object} 即将开始
  • start {Object}开始
  • end {Object} 结束
  • format {String||Function} 显示格式
  • callback {Function} 回调函数

获取服务器时间接口要求

  • 注意,每台服务器时间不同,需换成项目所部署服务器的接口
  • 支持callback形式,方便jsonp跨域请求
  • 返回时间的毫秒数

参考:http://zzsvn.pcauto.com.cn/svn/other/doc/common/countdown/getTime.php?callback=fn

点击查看demo