timer : 倒计时

介绍

倒计时组件

使用方法

 
define(['fui/timer/1.0'], function(Timer){
	var timer = new Timer({
		to: new Date(2020, 8, 24, 18, 47, 50),
		el: '#timer'
	});
});

配置参数

配置参数 参数类型/可选值 参数默认值 作用说明
format String 'y-M-d hh:mm:ss' 设置时间的显示格式,双字母会在一位数时补0
to Date | Array new Date() 结束时间,若为Date类型,则是单阶段倒计时;若为数组 [Date1, Date2, ...],则为多阶段倒计时
stopEventName String | Array 'stop' 结束后触发的事件名,与to对应。倒计时为单阶段时,用String类型,倒计时结束时触发;多阶段时,用Array类型:[String1, String2, ...],每个阶段结束时触发对应的事件名
useServerTime Boolean false 是否使用服务器时间
animate Boolean false 是否动画显示(动画显示需要配合css文件)
改成了css3Animate(洪珊珊)
fixInterval Boolean false 是否做跑偏修正(每60秒修正一次)
autoStart Boolean false 是否自动开始

公共方法

方法名称 入参说明 返回值 作用说明
start() / Timer对象自身 开始倒计时
stop() / Timer对象自身 结束倒计时
setStartTime(date) date:需要设置的新时间(Date或String类型) Timer对象自身 设置开始时间,此方法主要用来调试,在console中直接执行,更改当前时间

事件

事件名称 事件说明
stop 倒计时结束时触发,事件名可以修改,详见配置参数stopEventName