/CountDown

一个用js写的倒计时组件

Primary LanguageJavaScript

一个用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即可