silver-count-down

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 接口页面

• https://g.alicdn.com/silvermine/silver-count-down/0.0.1/doc/SilverCountDown.html

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 bgColor  {String} 每个时间区块的背景色  默认为#e3e3e3
    *   @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
    });