Countdown 倒计时 APP
该方法或组件支持移动端小程序调用
PC
该方法或组件支持桌面端小程序调用

用于展示或设置一个倒计时计数器。

引入方式

数字生活小程序工程中,不需要 import,直接使用组件标签即可。

import { Countdown } from '@21cnfe/vui'
Vue.component('Countdown', Countdown)

代码演示

基本用法 包含标题,内容和操作
<template>
<Countdown :time="time" :autoStart="true" />
</template>
<script>
export default {
data () {
return {
time: 30 * 60 * 60 * 1000,
timeData: {}
}
},
}
</script>

API

属性 说明 类型 默认值
time 倒计时时长,单位毫秒 number string
format 时间格式 String HH:mm:ss
auto-start 是否自动开始倒计时 Boolean true
millisecond 是否开启毫秒级渲染 Boolean false

方法

名称 说明
start 开始倒计时
pause 暂停倒计时
reset 重设倒计时,若 auto-start 为 true,重设后会自动开始倒计时

format 格式

格式 说明
DD 天数
HH 小时
mm 分钟
ss 分钟
S 毫秒(1 位)
SS 毫秒(2 位)
SSS 毫秒(3 位)
  1. 1. Countdown 倒计时 APP 该方法或组件支持移动端小程序调用 PC 该方法或组件支持桌面端小程序调用
    1. 1.1. 引入方式
    2. 1.2. 代码演示
    3. 1.3. API
    4. 1.4. 方法
    5. 1.5. format 格式