nw-countdown

一个用js写的倒计时组件

es6 module

npm i nw-countdown --save

• 把组件引入，传入参数

import CountDown from 'nw-countdown'

new CountDown({endTime: '2018/05/20 17:22:00', container: '.container', isMs: true})

注意

根据产品的需求，当天数为0的时候会隐藏

目前支持两种格式

• 按天格式(1天5小时30分30秒)
• 按小时格式(48:30:30)

API

传入参数

• endTime(string or num):倒计时的结束时间
  • 支持字符串："2018/05/20 17:22:00"
  • 也支持num型毫秒格式：1589966520000

可选参数

• colon(Boolen): 是否使用小时格式，默认为false

• container(selector):选择把组件append到哪个元素中，支持选择器，如".container","#containenr","body"

  • 如果不传，则默认append到body

• isMs(Boole): 是否展示分秒，默认为false

• dayEndShow(Boole): 当天数为0的时候展示分秒，默认为true

• callBack(function): 倒计时结束之后的回调函数

• symbol(string): 分秒前的符号，默认为':'

扩展

为了使组件更通用，提供了一些class给使用者扩展

• .con:整个倒计时的最外层容器
• .box:单个容器元素
• .box_num:数字
• .box_unit单位

如果对样式有特殊需求，重写以上class即可