更新记录
1.0.4(2024-12-18)
下载此版本
优化warn
1.0.3(2024-12-18)
下载此版本
增加格式化属性 format
1.0.2(2024-12-18)
下载此版本
修改readme文件格式错乱
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 4.21 app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
× |
× |
× |
× |
× |
计时器 日时分秒毫秒计时,倒计时,正计时
qy-count-down
<qy-count-down class="content" ref="qcd" customWords autoStart :direction="direction" :millisecond="timeNumber" @end="endTime"
:endTime="0"></qy-count-down>
import {
ref
} from "vue";
const timeNumber = ref(6000)
const qcd = ref(null)
const direction = ref(true)
const start = () => {
qcd.value.start()
}
const suspend = () => {
qcd.value.suspend()
}
const empty = () => {
qcd.value.empty()
}
const endTime = () => {
console.log("时辰已到")
}
.content{
font-size: 50rpx;
color: blue;
}
参数 |
默认值 |
类型 |
作用 |
millisecond |
0 |
String/Number |
毫秒数,例60秒(60*1000) |
direction |
false |
Boolean |
方向(正计时true 、倒计时 false) |
customWords |
false |
|
|
words |
{day: '日', hour: '时', minute: '分', second: '秒', millisecond: '毫秒'} |
Object |
分割文字 |
format |
{day: false, hour: true, minute: true, second: true, millisecond: false} |
Object |
格式化 |
autoStart |
false |
Boolean |
自动开始 |
endTime |
0 |
String/Number, |
终止时间 |
infinite |
false |
Boolean |
无限计时,仅限正向,endTime将无效 |
- 后续会优化使用,增加功能,如有需要,请关注本插件
- 使用遇到问题,联系我