简述:在使用uni-app开发微信小程序时,iOS手机在支付的时候,请求接口一直pending,安卓手机没问题,模拟器也没问题,只有iOS真机调试的时候有问题。
接口在其它页面可以正常请求,唯独在支付页面一直pending,不能正常走下面的流程。
因为安卓没事儿,所以应该不是服务器的问题,所以我就一直在找前端的问题。看到pending的上一个页面渲染的接口
能正常请求,所以我先把上一个接口注释掉了,注释掉就好了。
当时觉得很奇怪,就追根溯源看看这个接口里面做了什么吧。里面有一个setInterval
支付倒计时的定时器,猜测是不是定时器里面做的东西太多了,把进程跑满了,所以就卡在接口那了呢?
把页面渲染的接口
放开,把里面定时器的start
注释试了一下,验证了我的想法,果然是定时器里面的代码的问题。
先前写的代码确实堪忧:
self.timer = setInterval(() => {
var today = new Date()//当前时间
var D,H,M,S;
var shenyu = this.stopTime.getTime()-today.getTime(),//倒计时毫秒数
shengyuD = parseInt(shenyu/(60*60*24*1000)),//转换为天
D = parseInt(shenyu)-parseInt(shengyuD*60*60*24*1000),//除去天的毫秒数
shengyuH = parseInt(D/(60*60*1000)),//除去天的毫秒数转换成小时
H = D-shengyuH*60*60*1000,//除去天、小时的毫秒数
shengyuM = parseInt(H/(60*1000)),//除去天的毫秒数转换成分钟
M = H-shengyuM*60*1000;//除去天、小时、分的毫秒数
S = parseInt((shenyu-shengyuD*60*60*24*1000-shengyuH*60*60*1000-shengyuM*60*1000)/1000)//除去天、小时、分的毫秒数转化为秒
if(shenyu>0){
//赋值
var timeText;
if(shengyuM < 0 && S < 0){
timeText = '00:00';
}else{
shengyuH = shengyuH<10 ? ('0'+shengyuH):shengyuH;
shengyuM = shengyuM<10 ? ('0'+shengyuM):shengyuM;
S = S<10 ? ('0'+S):S;
timeText = shengyuH+':'+shengyuM+':'+S;
}
self.timeText = timeText;
}else{
clearInterval(self.timer);
}
}, 1000);
1秒一获取当前时间 1秒一计算当前时间 。。咳咳...
简化后:
var today = new Date();//当前时间
var shenyu = this.stopTime.getTime()-today.getTime();//倒计时毫秒数
self.timer = setInterval(() => {
//定义变量 d,h,m,s保存倒计时的时间
var d,h,m,s;
if(shenyu>=0){
d = Math.floor(shenyu/1000/60/60/24);
h = Math.floor(shenyu/1000/60/60%24);
m = Math.floor(shenyu/1000/60%60);
s = Math.floor(shenyu/1000%60);
console.log(d+':'+h+':'+m+':'+s);
//赋值
var timeText;
if(shenyu == 0){
timeText = '00:00';
}else{
h = h<10 ? ('0'+h):h;
m = m<10 ? ('0'+m):m;
s = s<10 ? ('0'+s):s;
timeText = h+':'+m+':'+s;
}
self.timeText = timeText;
}else{
timeText = '00:00';
clearInterval(self.timer);
}
shenyu = shenyu-1000;
},1000);
(所以如果一直pending的话,可以试这看看,代码的是否可以优化来解决,具体问题具体分析)
以上是我调bug的经历,记录下来,希望有幸可以帮到你,比心。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。