Antdv的message实现倒计时功能

136 阅读1分钟

实现方法

function OverTime() {
    let countdown = 3; // 初始倒计时 3 秒
    const key = 'success'; // 设置消息的 key,确保更新同一条消息

    // 显示初始消息
    message.success({ content: `登录成功, ${countdown} 秒后返回`, key, duration: 0 });

    const interval = setInterval(() => {
        countdown -= 1;
        message.success({ content: `登录成功, ${countdown} 秒后返回`, key, duration: 0 }); // 更新消息内容

        if (countdown < 1) {
            clearInterval(interval); // 清除倒计时
            message.destroy();
        }
    }, 1000);
}