https://github.com/femessage/count-down

⏳a user friendly vue count-down component
https://github.com/femessage/count-down

count-down vue-components

Last synced: 2 months ago
JSON representation

⏳a user friendly vue count-down component

• Host: GitHub
• URL: https://github.com/femessage/count-down
• Owner: FEMessage
• License: mit
• Created: 2019-07-29T09:46:10.000Z (over 5 years ago)
• Default Branch: dev
• Last Pushed: 2020-11-11T10:26:44.000Z (about 4 years ago)
• Last Synced: 2024-10-13T08:51:12.227Z (3 months ago)
• Topics: count-down, vue-components
• Language: JavaScript
• Homepage: https://femessage.github.io/count-down/
• Size: 1.79 MB
• Stars: 0
• Watchers: 2
• Forks: 5
• Open Issues: 5
• Metadata Files:
  • Readme: README-zh.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# count-down

[![Build Status](https://badgen.net/travis/FEMessage/count-down/master)](https://travis-ci.com/FEMessage/count-down)

[![NPM Download](https://badgen.net/npm/dm/@femessage/count-down)](https://www.npmjs.com/package/@femessage/count-down)

[![NPM Version](https://badgen.net/npm/v/@femessage/count-down)](https://www.npmjs.com/package/@femessage/count-down)

[![NPM License](https://badgen.net/npm/license/@femessage/count-down)](https://github.com/FEMessage/count-down/blob/master/LICENSE)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/FEMessage/count-down/pulls)

[![Automated Release Notes by gren](https://img.shields.io/badge/%F0%9F%A4%96-release%20notes-00B2EE.svg)](https://github-tools.github.io/github-release-notes/)

极易使用的倒计时组件 😃

![示例](https://i.loli.net/2019/11/15/khawbTnFuvHOd7N.gif)

## Table of Contents

* [Introduction](#introduction)

  * [Use requestAnimationFrame](#use-requestanimationframe)

  * [支持毫秒级计时](#支持毫秒级计时)

  * [智能的默认 format](#智能的默认-format)

* [Links](#links)

* [Install](#install)

* [Inspiration](#inspiration)

* [Contributing](#contributing)

* [Contributors](#contributors)

* [License](#license)

## Introduction

### Use requestAnimationFrame

count-down 内部使用 requestAnimationFrame 计时，无论是浏览器进程任务繁忙亦或是页面在后台被挂起过，count-down 都依然能保持精确。

### 支持毫秒级计时

通过 slot 支持

### 智能的默认 format

默认 format 会根据传入的 days, hours, minutes, seconds 动态调整。比如传入 hours=1 时，默认 format 就是 `hh 时 mm 分 ss 秒`

[⬆ Back to Top](#table-of-contents)

## Links

* [API 文档](https://femessage.github.io/count-down/)

[⬆ Back to Top](#table-of-contents)

## Install

```sh

yarn add @femessage/count-down

```

[⬆ Back to Top](#table-of-contents)

## Inspiration

api 设计和实现参考了

* [taro-ui](https://taro-ui.aotu.io/#/docs/countdown)

* [vant](https://youzan.github.io/vant/#/zh-CN/count-down)

[⬆ Back to Top](#table-of-contents)

## Contributing

For those who are interested in contributing to this project, such as:

* report a bug

* request new feature

* fix a bug

* implement a new feature

Please refer to our [contributing guide](https://github.com/FEMessage/.github/blob/master/CONTRIBUTING.md).

[⬆ Back to Top](#table-of-contents)

## Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):


Donald Shen
💻 📖 ⚠️

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

[⬆ Back to Top](#table-of-contents)

## License

[MIT](./LICENSE)

[⬆ Back to Top](#table-of-contents)