更新记录

1.0.0（2024-01-02） 下载此版本

正式发布

平台兼容性

uni-app

uni-app x

倒计时组件 vue2版

用法

<template>

    <edk24-countdown-v2 ref="countdown" @onEnd="onEnd">
        <!-- 可以自定义展示数据哦~ -->
        <template slot-scope="scope">
            {{ scope.data.minute }}:{{ scope.data.second }}.{{ scope.data.millisecond }}

            <!-- 默认为: {{ scope.data.year }} 年 {{ scope.data.month }} 月 {{ scope.data.day }} 日 {{ scope.data.hour }} 时 {{ scope.data.minute }} 分 {{ scope.data.second }} 秒 {{ scope.data.millisecond }} 毫秒 -->
        </template>
    </edk24-countdown-v2>

</template>

<script>
export default{
    onLoad() {
        const startTime = 1703692800000;
        const endTime = 1703692800000 + 15000;
        this.$refs['countdown'].start(startTime, endTime)
    },
    methods: {
        onEnd: function() {
            console.log('倒计时结束了~')
        }
    }
}
</script>

Props

• step: 步进, 默认 20, 相当于定时器的周期, 建议不要太低了 影响效率

方法

• start(开始时间, 结束时间) 开始倒计时, 两个时间都是13位时间戳
• stop() 结束倒计时

事件

• onStart 倒计时开始
• onChange 倒计时数据改变, 参数1是一个对象 为倒计时数据(示例): {year: '0000',month: '00',day: '00',hour: '00',minute: '00',second: '00',millisecond: '000'}
• onEnd 倒计时结束