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;  
	}  
}
相关推荐
游戏开发爱好者818 分钟前
Fiddler抓包工具完整教程 HTTPHTTPS抓包、代理配置与API调试实战技巧(开发者进阶指南)
前端·测试工具·ios·小程序·fiddler·uni-app·webview
00后程序员张2 小时前
iOS 性能优化的体系化方法论 从启动速度到渲染链路的多工具协同优化
android·ios·性能优化·小程序·uni-app·iphone·webview
游戏开发爱好者82 小时前
iPhone重启日志深度解析与故障代码诊断
android·ios·小程序·https·uni-app·iphone·webview
奶糖 肥晨3 小时前
uniapp + Vue3 安装uView Plus 完整配置指南
uni-app
小禾青青3 小时前
我用uniapp开发app用到的uniapp插件
前端·vue.js·uni-app
2501_9160088912 小时前
手机抓包app大全:无需root的安卓抓包软件列表
android·ios·智能手机·小程序·uni-app·iphone·webview
优倍网络20 小时前
宝塔部署websocket服务,后台fastadmin,用户端uniapp
uni-app
墨着染霜华1 天前
UniApp 微信小程序分享
微信小程序·uni-app
2501_915921431 天前
Windows 系统下的 IPA 加密工具实战指南,如何在非 macOS 环境完成 IPA 混淆、加固与工程化处理
android·windows·macos·ios·小程序·uni-app·iphone
iOS阿玮1 天前
最近苹果审核效率提高了,周末竟然都在审核。
uni-app·app·apple