uniapp 使用定时器和取消定时器

1. uniapp 使用定时器和清除定时器

1.1. 定义一个timer

javascript 复制代码
data(){
    return{
        timer: null
    }
}

1.2. 设置定时器

javascript 复制代码
//选择适合需求的定时器
this.timer = setTimeout( () => {
    // 这里添加您的逻辑		
}, 1000)
this.timer = setInterval( () => {
    // 同上			
}, 1000)

1.3. 清除定时器

这里需要注意的是我们页面中使用了定时器,在离开这个页面的时候一定要记得清除,避免出现bug。

javascript 复制代码
//一般页面用onUnload
onUnload() {
	if(this.timer) {  
		clearTimeout(this.timer);  
		this.timer = null;  
	}  
}
tabbar页面用onHide
onHide() {
	if(this.timer) {  
		clearTimeout(this.timer);  
		this.timer = null;  
	}  
}
相关推荐
Qin_jiangshan1 小时前
flutter和reactNative以及uniapp区别
flutter·react native·uni-app
MrTan1 小时前
Uni-App 鸿蒙应用微信相关功能上架踩坑:自制微信安装检测插件
uni-app·harmonyos
2501_916007472 小时前
苹果应用商店上架的系统逻辑,从产品开发到使用 开心上架 上架IPA 交付审核流程
android·ios·小程序·https·uni-app·iphone·webview
IT 前端 张2 小时前
Uni-app 实现全局无操作监听:自动退出弹窗倒计时功能
运维·服务器·uni-app
一只月月鸟呀2 小时前
使用node和@abandonware/bleno写一个ble模拟设备,用Uni-app模拟终端连接
uni-app
初遇你时动了情2 小时前
vue3 ts uniapp基本组件封装、通用组件库myCompont、瀑布流组件、城市选择组件、自定义导航栏、自定义底部菜单组件等
typescript·uni-app·vue3
阿提说说2 小时前
uniapp demo调试支付宝沙箱模式
uni-app·支付宝沙箱
Amy_yang2 小时前
UniApp Vue3 词云组件开发实战:从原理到应用
javascript·vue.js·uni-app
灵犀坠2 小时前
前端知识体系全景:从跨域到性能优化的核心要点解析
前端·javascript·vue.js·性能优化·uni-app·vue
yqcoder3 小时前
uni-app 之 uni.showToast
运维·服务器·uni-app