更新记录
1.0.0(2023-06-01)
下载此版本
倒计时,计时,格式化倒计时,格式化计时
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
欢迎使用 计时组件
有项目需要开发的请联系 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 |
倒计时结束回调 |