小程序倒计时，刷新页面不重置

onShow:function(){console.log(this.data.countDown)
var djsendtime = wx.getStorageSync('djsendtime');
console.log(djsendtime)
if (djsendtime != undefined && !isNaN(djsendtime) && djsendtime !='') {var now = new Date().getTime();  //当前时间戳var locksecends = parseInt((djsendtime - now) / 1000);if (locksecends <= 0) {wx.removeStorageSync("djsendtime");} else {this.LockButton(locksecends);}
}else{this.LockButton(this.data.countDown);
}
},

这里的countDown是默认时间

LockButton:function(locksecends){console.log(locksecends)var that=this//console.log(locksecends)var djsendtime = wx.getStorageSync('djsendtime')if (djsendtime == null || djsendtime == undefined || djsendtime == 'undefined' || djsendtime == 'null' || djsendtime=='') {var now = new Date().getTime();  //当前时间戳var endtime = locksecends * 1000 + now;  //结束时间戳wx.setStorageSync('djsendtime', endtime); //将结束时间保存到cookie}that.setData({countDown:locksecends})var timer = setInterval(function () {locksecends--;console.log(locksecends)that.setData({countDown:locksecends})if (locksecends <= 0) {//倒计时结束清除 localStorage值wx.removeStorageSync("djsendtime");clearInterval(timer); }}, 1000);
}

 <view style="position:fixed;top:0;left:200rpx;" class="flex_l_r_c" ><view>剩余：{{countDown}}秒</view></view>

小程序倒计时，刷新页面不重置相关推荐

小程序不刷新页面更新数据
微信小程序不刷新页面更新数据小程序刷新页面过程大家都懂得,特别是网络不好的时候,觉得这te,ma,就是一种折磨,如何做到不刷新页面就可以更新数据? 页面栈: 小程序的每一个页面都是一个page对象, ...
小程序触发刷新页面的方法
小程序不存在刷新页面的方法通常来说,我们刷新页面是因为数据有更新,因此要在数据更新后调用刷新页面的方法,来让用户看到新的数据. 比如说我现在从购物车里删除了一件商品,我们要让用户看到删除的商品不见了 ...
微信小程序重新刷新页面
进入小程序页面时,onLoad默认是一个页面只会调用一次,当退出来再用二维码进入时,页面还未销毁,此时只会调用onShow方法. 因为二维码带有相关参数,如果不使用onLoad 则达不到我们的需求因 ...
云开发小程序倒计时防刷新功能及签到功能
小程序倒计时防刷新功能这是一个不美好的事情,我使用的是vant的倒计时,不管什么倒计时,刷新后倒计时就会重新开始.从晚上查到下班,从回家查到11点,结果没找到,没办法了自己写,结果10min写出来了 ...
钉钉小程序图表刷新 antv-f2
钉钉小程序图表刷新 antv-f2 钉钉小程序引入F2 一个页面多个图表图表数据自动刷新公司有项目拟在钉钉小程序中实现部分功能,其中需要图表展示,经过与echart的比较,最终选择了阿里系的 F2 ...
实现小程序onShow第一次页面加载不执行
实现小程序onShow第一次页面加载不执行 1.业务场景在做小程序实际的业务中,是否有过在当前列表页点击某个入口,跳转到修改页面,在跳回当前页面并重新刷新数据的需求? 2.分析上面的业务,我们可以 ...
微信小程序更新webview页面的三种方法
场景在小程序其它页面做了操作,数据发生改变,回到webview页面时需要更新webview里面的数据.由于小程序没有提供与webview的实时通信能力,因此刷新页面是个可考虑的做法. 方法一最常见 ...
【微信小程序】各种页面特效链接！
微信小程序:各种页面特效链接! 1.文字跑马灯效果: http://www.wxapp-union.com/portal.php?mod=view&aid=1038 2.触摸水波涟漪效果: h ...
微信小程序如何刷新当前界面
微信小程序如何刷新当前界面在微信小程序开发的过程中,在一个页面中对数据操作之后我们大多数时间都需要刷新一下当前界面以把操作之后的结果显示出来,但是如何在执行操作后进行本页面的刷新就成了一个问题很大但 ...
VUE倒计时刷新页面不影响
前端强制性JS倒计时关闭浏览器(刷新页面也存在)也会存在的倒计时* VUE 倒计时刷新页面也存在 (持续更新) 不多BB 直接上代码活用 localStorage 机制 (VUE+webpack版 ...

小程序倒计时，刷新页面不重置

小程序倒计时，刷新页面不重置相关推荐

最新文章

热门文章