countdown

功能描述

实现以1秒或100毫秒为单位的倒计时功能

依赖的模块

无依赖模块

快速使用

  1. 引入模块文件，创建模块对象
  2. /**
  3.  * 开始时间不传则默认为0
  4.  * 结束时间不传则默认为1800000 (30分钟)
  5.  * */
  6. var o = {
  7.     el : 'time',  //倒计时所在的位置
  8.     st : 0, //倒计时开始时间，使用时间戳(1560127206000),精确到毫秒
  9.     ed : 5405000,  //倒计时结束时间，使用时间戳(1560227206000)，精确到毫秒
  10.     hh : 'hh',  //小时展示的区域class(在el节点下)
  11.     ss : 'ss',  //分钟展示的区域class(在el节点下)
  12.     mm : 'mm',  //秒展示的区域class(在el节点下)
  13.     ms : 'ms'  //毫秒展示的区域class(在el节点下)
  14. }
  15. var countdown = new countdown(o);
  16. /**
  17.  * downs 在显示区域展示00:30:00样式的倒计时时间
  18.  * downms 在显示区域展示00:30:00:5样式的倒计时时间
  19.  * downsElement 在显示区域展示时、分、秒独立存在的倒计时时间
  20.  * downmsElement 在显示区域展示时、分、秒、毫秒独立存在的倒计时时间
  21.  * */
  22. countdown.downs();
  23. countdown.downms();
  24. countdown.downsElement();
  25. countdown.downmsElement();

特别说明

展示的倒计时字体大小等继承父级节点的样式，可自定义。

默认展示区域id为countdown的节点。

默认展示区域class为hh,mm,ss,ms的节点。