更新记录
1.0.0(2023-06-01) 下载此版本
倒计时,计时,格式化倒计时,格式化计时
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
欢迎使用 计时组件
有项目需要开发的请联系 QQ:371524845
开发不易,如果帮助到你的,请支持 有问题请留言,作者会积极更新
<template>
<view class="content">
<jpTime></jpTime>
<jpTime @arrive="arrive" endTime="00:00:05"></jpTime>
<jpTime @done="done" times="00:01:59"></jpTime>
</view>
</template>
<script>
import jpTime from '@/components/jp-time/index.vue'
export default {
components:{jpTime},
data() {
return {}
},
methods: {
arrive(){
console.log('计时结束')
},
done(){
console.log('计时结束')
}
}
}
</script>
引入方法
<jpTime></jpTime>
import jpTime from '@/components/jp-time/index.vue'
components: { jpTime },
方法介绍
不穿endTime和done将会一直计时
参数
参数名 | 类型 | 默认值 | 说明 | |
---|---|---|---|---|
endTime | String | 倒计时时间(如 00:00:05) 该时间页面显示为计时 | ||
done | String | 倒计时时间(如 00:00:55) 改时间页面显示为倒计时 | 型(year:年 year-month:年月 date:年月日) |
事件
事件名 | 返回参数 | 说明 |
---|---|---|
@arrive | value | 计时结束回调 |
@done | value | 倒计时结束回调 |