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

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 到时间后执行， 只执行一次。

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