Composable React Timer component that passes status props to children, in addition to some basic callbacks. Can be used at a countdown timer ⏲ or as stopwatch ⏱ to track time while active.

Stars: ✭ 14 (-84.44%)

Mutual labels: countdown, countdown-timer

React Countdown

React Component showing a countdown to certain date and time.

Stars: ✭ 58 (-35.56%)

Mutual labels: clock, countdown

React Timer Hook

React timer hook

Stars: ✭ 118 (+31.11%)

Mutual labels: clock, countdown

Flipdown

⏰ A lightweight and performant flip styled countdown clock

Stars: ✭ 136 (+51.11%)

Mutual labels: clock, countdown

CountdownTimer-TeLeTiPs

The very first powerful Telegram bot to countdown to your important events in any group chat. Live countdown timer (days : hours : minutes : seconds)

Stars: ✭ 122 (+35.56%)

Mutual labels: countdown, countdown-timer

howlonguntilprayuthleaves.com

นับเวลาถอยหลังถึงวันที่พลเอกประยุทธ์ จันทร์โอชา หมดวาระการเป็นนายกรัฐมนตรี

Stars: ✭ 29 (-67.78%)

Mutual labels: countdown, countdown-timer

timestampy

🕒 Bunch of utilities useful when working with UNIX timestamps

Stars: ✭ 21 (-76.67%)

Mutual labels: clock

Wordclock

Diy Wordclock with an esp32 and ws2812b Leds

Stars: ✭ 19 (-78.89%)

Mutual labels: clock

Tablet-desk-clock

Software for displaying a clock on a tablet.

Stars: ✭ 24 (-73.33%)

Mutual labels: clock

NeoPixel-60-Ring-Clock

Time displayed as a series of colored arcs on a 60 Ring NeoPixel

Stars: ✭ 15 (-83.33%)

Mutual labels: clock

simple-analog-clock

Simple clock view for displaying uh...time?

Stars: ✭ 24 (-73.33%)

Mutual labels: clock

analogclock

🕰 A customizable analog clock built using React

Stars: ✭ 16 (-82.22%)

Mutual labels: clock

SwiftUI-DesignCode

 SwiftUI-DesignCode is some examples in the process of learning swiftUI 2.0

Stars: ✭ 185 (+105.56%)

Mutual labels: clock

ElevenClock

ElevenClock: Customize Windows 11 taskbar clock

Stars: ✭ 1,494 (+1560%)

Mutual labels: clock

CountDownTimerSwift

This is a simple and beautiful countdown timer project done using swift

Stars: ✭ 18 (-80%)

Mutual labels: countdown-timer

View All Similar Projects ➔

vue-flip-down

这是一个简单的翻页倒计时vue组件，项目中有用到，所以提取了一下。
你们也可以直接把src/app.vue文件拷贝到项目里直接用，就是个普通vue组件，就不用npm install 了

注意：vue2.x 和 vue3.x

vue-flip-down 1.x的版本仅适用于vue2.x
vue-flip-down 3.x的版本仅适用于vue3.x

示例

在线DEMO

https://isluo.com/work/vue-flip-down/

安装

npm install vue-flip-down --save

使用

import FlipDown from 'vue-flip-down';

<FlipDown
  :endDate="1540212399971"  // 倒计时截止的日期
  @timeUp="func"            // 时间到了会触发timeUp事件
/>

参数

名称	类型	默认	描述
endDate	Date/Number	0	结束的时间，即倒计时会从当前时间一直到endDate停止，可以是一个日期对象，也可以是毫秒数
type	Number	4	要怎么显示倒计时：4-日时分秒，3-时分秒，2-分秒，1-秒
theme	Number	1	样式：1-合并，2-分离。见下图
timeUnit	Array	[]	时间单位，显示在空隙之间的文字，比如：['天','时','分','秒'] 或 [':',':',':']

:theme="1" 合并式

合并式的，每个不同的时间单位是合在一起的

:theme="2" 分离式

分离式的，每个数字都是单独分开的

事件

名称	返回值	描述
timeUp	null	当倒计时走到0时会触发一次，表示时间到了

说明

内部使用了setTimeout，当倒计时结束后，就会停止循环。但可以动态改变日期，倒计时又会被激活。
基于本地时间做对比

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].

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

javaLuo / vue-flip-down

Programming Languages

Labels

Projects that are alternatives of or similar to vue-flip-down

vue-flip-down

注意：vue2.x 和 vue3.x

示例

在线DEMO

安装

使用

参数

:theme="1" 合并式

:theme="2" 分离式

事件

说明