刘刚博客

小程序刷新

Page({


/**
* 页面的初始数据
*/
data:
{
realTime: null,//实时数据对象(用于关闭实时刷新方法)
},


/**
* 生命周期函数--监听页面显示
*/
onShow: function()
{

/**
* 防止用户拿不到最新数据(因为页面切换会重新计时)
* 无条件请求一次最新数据
*/
console.log('请求接口:刷新数据(无条件执行)')

/**
* 每隔一段时间请求服务器刷新数据(客户状态)
* 当页面显示时开启定时器(开启实时刷新)
* 每隔1分钟请求刷新一次
* @注意:用户切换后页面会重新计时
*/
this.data.realTime = setInterval(function()
{

// 请求服务器数据
console.log('请求接口:刷新数据')

// 反馈提示
wx.showToast({
title: '数据已更新!'
})

}, 60000)//间隔时间

// 更新数据
this.setData({
realTime:this.data.realTime,//实时数据对象(用于关闭实时刷新方法)

})

},

 

/**
* 生命周期函数--监听页面隐藏
*/
onHide: function()
{

/**
* 当页面隐藏时关闭定时器(关闭实时刷新)
* 切换到其他页面了
*/
clearInterval(this.data.realTime)

},

})
————————————————
版权声明:本文为CSDN博主「 王佳斌 」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_44198965/article/details/108367429

posted @   Future.Net博客  阅读(222)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示