山东大学项目实训——解决微信小程序定时刷新页面问题

一、setInterval方法介绍

参数：
function callback
回调函数

number delay
执行回调函数之间的时间间隔，单位 ms。

any rest
param1, param2, …, paramN 等附加参数，它们会作为参数传递给回调函数。

返回值
number
定时器的编号。这个值可以传递给 clearInterval 来取消该定时。

二、方法示例

js文件中添加如下代码：
先添加一个data： interval

 interval = setInterval(
        function(){
           console.log("刷新")
           //如果想刷新页面 this.onShow()
        }
      ,3000)

注意：参数3000指的是没3秒定时器会启动一次。
function里面可以写定时期间做的任何工作，比如刷新页面。

 /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    var that = this;
    that.clearTimeInterval(that)
  },

在退出页面时要把定时器关闭掉。

三、适合的应用场合

在我的微信小程序项目中，每次用户点击收藏按钮会使得数据库中收藏的数量+1，但是如果不做改动页面无法同步数据，所以为了同步数据库数据，我增加了用计时器来刷新页面的功能，解决了这一问题。

四、效果展示

刚进入是我的收藏为0，接下来收藏任意地点：

然后再返回我的界面，就可以看到收藏数变为1：