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;  
	}  
}
相关推荐
华玥作者31 分钟前
uni-app + Vite 项目中使用 @uni-helper/vite-plugin-uni-pages 实现自动路由配置(超详细)
前端·uni-app·vue·vue3·vite
狼性书生36 分钟前
uniapp+vue3实现的简单吐司通知弹窗组件
前端·uni-app·vue·组件·插件
Front思2 小时前
uniapp解决点击穿透问题总结
uni-app
peachSoda73 小时前
uniapp开发小程序 使用scroll-view时左右滑动切换无法回到最左边的bug解决方案
小程序·uni-app
ChinaLzw3 小时前
解决uniapp web-view 跳转到mui开发的h5项目 返回被拦截报错的问题
前端·javascript·uni-app
游戏开发爱好者83 小时前
如何在 Windows 环境下测试 iOS App,实时日志,CPU监控
android·ios·小程序·https·uni-app·iphone·webview
peachSoda74 小时前
使用HBuilderX 自带hbuilderx-cli 自动化打包uniapp的移动端app(Android,iOS)
android·uni-app·自动化
Rysxt_21 小时前
Flutter与UniApp底层逻辑深度对比
flutter·uni-app
iOS阿玮1 天前
死了么 - 官方正版惨遭下架,背后原因竟是ta!
uni-app·app·apple
2501_915921431 天前
如何在苹果手机上面进行抓包?iOS代理抓包,数据流抓包
android·ios·智能手机·小程序·uni-app·iphone·webview