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 到时间后执行, 只执行一次。
定时器需要在页面销毁的时候清除掉,不然会一直存在!!
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)