countdown

功能描述

实现以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的节点。

是否仍需要帮助? 请保持联络!
最后更新于 2024/11/18