vue3 设置定时器,每隔一段时间自动执行某操作

//定时器
const intervalId = ref();
//加载
onMounted(async () => {
    // 设置定时器,定时保存
    intervalId.value = setInterval(() => {
        // 执行要重复执行的逻辑
        Save();//保存
    }, 5 * 60 * 1000);//每五分钟自动保存一下
});
onUnmounted(() => {
    // 清除定时器
    if (intervalId.value) {
        clearInterval(intervalId.value);
    }
});

注意:setInterval()和setTimeout()的区别:

一个是循环执行setInterval,另一个是定时执行setTimeout

1:setInterval 循环执行, 每隔一段时间执行一次, 多次执行。

2:setTimeout 到时间后执行, 只执行一次。

定时器需要在页面销毁的时候清除掉,不然会一直存在!!

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐