Documentation

silver-count-down

silver-silver-count-down

Features

  • 样式示例：

demo

https://g.alicdn.com/silvermine/silver-count-down/0.0.1/demo/index.html

Installation

  • npm install silver-count-down

Usage

  • script 标签引入
    • <script src="https://g.alicdn.com/silvermine/silver-count-down/{version}/index.min.js"></script>
  • import or require
    • 首先 npm install silver-count-down
    • import SilverCountDown from 'silver-count-down 或者
      const CountDown = require('silver-count-down')

jsdoc 接口页面

API

  • new window.tvcnpt.SilverCountDown(cfg)

    example: 

      /**
  * constructor 构造函数
  * @memberOf SilverCountDown.prototype
  * @param cfg {Object} 配置参数
  *   @param target   {String} 元素容器  默认为body
  *   @param left     {Number} 距离容器左侧距离   默认为0px（1920p分辨率下）
  *   @param top      {Number} 距离容器顶部距离   默认为0px
  *   @param width    {Number} 图片宽度     默认600px        *   @param height   {Number} 图片高度     默认180px
  *   @param zIndex  {Number}  z-index层级     默认1
  *   @param distance   {Number}  间距   默认20px
  *   @param fontSize  {Number} 字体大小  默认为120px
  *   @param fontColor  {String} 字体颜色  默认为#999
  *   @param start   {string}  开始时间   如："2016-12-29 17:01:30"        *   @param end  {string} 结束时间  如："2016-12-29 17:01:30"        *   @param last  {boolean} 是否持续更新［到达结束时间继续计时］默认false        
  */

  var countdown = new window.tvcnpt.SilverCountDown(
          {
           start: "2016-12-29 17:01:30",
           end: "2016-12-29 17:04:00",
           last: true,
           width: 600,
           heigth:180,
           distance: 20
  });