实现以1秒或100毫秒为单位的倒计时功能
无依赖插件
引入插件文件,创建插件对象
/**
* 开始时间不传则默认为0
* 结束时间不传则默认为1800000 (30分钟)
* */
var o = {
el : 'time', //倒计时所在的位置
st : 0, //倒计时开始时间,使用时间戳(1560127206000),精确到毫秒
ed : 5405000, //倒计时结束时间,使用时间戳(1560227206000),精确到毫秒
hh : 'hh', //小时展示的区域class(在el节点下)
ss : 'ss', //分钟展示的区域class(在el节点下)
mm : 'mm', //秒展示的区域class(在el节点下)
ms : 'ms' //毫秒展示的区域class(在el节点下)
}
var countdown = new countdown(o);
/**
* downs 在显示区域展示00:30:00样式的倒计时时间
* downms 在显示区域展示00:30:00:5样式的倒计时时间
* downsElement 在显示区域展示时、分、秒独立存在的倒计时时间
* downmsElement 在显示区域展示时、分、秒、毫秒独立存在的倒计时时间
* */
countdown.downs();
countdown.downms();
countdown.downsElement();
countdown.downmsElement();
展示的倒计时字体大小等继承父级节点的样式,可自定义。
默认展示区域id为countdown的节点。
默认展示区域class为hh,mm,ss,ms的节点。