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 |