fengyuanchen / Vue Countdown
Licence: mit
Countdown component for Vue.js.
Stars: ✭ 393
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Vue Countdown
Quasar
Quasar Framework - Build high-performance VueJS user interfaces in record time
Stars: ✭ 20,090 (+5011.96%)
Mutual labels: vue-component
Vue A11y Calendar
Accessible, internationalized Vue calendar
Stars: ✭ 255 (-35.11%)
Mutual labels: vue-component
Vue Cute Timeline
A cute timeline component for Vue.js.
Stars: ✭ 289 (-26.46%)
Mutual labels: vue-component
Efcountinglabel
Adds animated counting support to UILabel.
Stars: ✭ 311 (-20.87%)
Mutual labels: countdown
vue-icon
Maybe it is the smallest vue component that contains all the feather icons
Stars: ✭ 44 (-88.8%)
Mutual labels: vue-component
Vue Popper
🐳 VueJS popover component based popper.js
Stars: ✭ 359 (-8.65%)
Mutual labels: vue-component
Vue Search Select
A Vue.js search select component
Stars: ✭ 297 (-24.43%)
Mutual labels: vue-component
Vue Countup V2
Vue.js component wrap for countUp.js
Stars: ✭ 323 (-17.81%)
Mutual labels: vue-component
Vue Float Menu
🎈Customizable floating menu for Vue
Stars: ✭ 252 (-35.88%)
Mutual labels: vue-component
Timer.jquery
jQuery Timer: Start/Stop/Resume/Remove pretty timer inside any HTML element.
Stars: ✭ 283 (-27.99%)
Mutual labels: countdown
Oycountdownmanager
在cell中使用倒计时的处理方法, 全局使用一个NSTimer对象, 支持单列表.多列表.多页面.分页列表使用
Stars: ✭ 317 (-19.34%)
Mutual labels: countdown
ClassClock
ClassClock is a free, easy-to-use web app for K-12 schools that provides an at-a-glance view of the school schedule
Stars: ✭ 27 (-93.13%)
Mutual labels: countdown
Iconpark
🍎Transform an SVG icon into multiple themes, and generate React icons,Vue icons,svg icons
Stars: ✭ 4,924 (+1152.93%)
Mutual labels: vue-component
ZXCountDownView
【杀不死的倒计时】一个简单易用的倒计时View,常用于快速创建点击获取验证码按钮,支持各种自定义样式。(特点:重新进入当前页面或重启程序倒计时不会重置,仍将继续执行,且退出程序后的时间也会被自动计算在内)
Stars: ✭ 56 (-85.75%)
Mutual labels: countdown
Vue Draggable Nested Tree
Please use the he-tree-vue, vue-draggable-nested-tree will no longer be maintained.
Stars: ✭ 302 (-23.16%)
Mutual labels: vue-component
Vue Video Player
🎞 @videojs component for @vuejs
Stars: ✭ 4,026 (+924.43%)
Mutual labels: vue-component
Vue Tree Chart
A vue2 component to display tree chart
Stars: ✭ 351 (-10.69%)
Mutual labels: vue-component
Vue Flow Form
Create conversational conditional-logic forms with Vue.js.
Stars: ✭ 315 (-19.85%)
Mutual labels: vue-component
vue-countdown
Countdown component for Vue 3.
Main files
dist/
├── vue-countdown.js (UMD, default)
├── vue-countdown.min.js (UMD, compressed)
├── vue-countdown.esm.js (ECMAScript Module)
└── vue-countdown.esm.min.js (ECMAScript Module, compressed)
Getting started
Installation
npm install vue @chenfengyuan/vue-countdown
In browser:
<script src="/path/to/vue.js"></script><!-- Vue.js is required -->
<script src="/path/to/vue-countdown.js"></script>
Usage
import { createApp } from 'vue';
import VueCountdown from '@chenfengyuan/vue-countdown';
const app = createApp({});
app.component(VueCountdown.name, VueCountdown);
<vue-countdown :time="2 * 24 * 60 * 60 * 1000" v-slot="{ days, hours, minutes, seconds }">
Time Remaining:{{ days }} days, {{ hours }} hours, {{ minutes }} minutes, {{ seconds }} seconds.
</vue-countdown>
<!-- <span>Time Remaining:1 days, 23 hours, 59 minutes, 59 seconds.</span> -->
Browser support
Same as Vue 3.
Versioning
Maintained under the Semantic Versioning guidelines.
License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].