实现效果：根据案例描述做出如下图效果，初始显示空白界面，2秒后显示计时界面（图1），数字为60，点击“开始计时”按钮后开始倒计时，点击“停止计时”按钮后停止计时（图2）。
index.wxml
<!--index.wxml-->
<view class="container">
<view wx:if="{{hidden}}">
<view class="title">计时器</view>
<view class="play">{{num}}</view>
<view class="btn">
<button bindtap="start">开始计时</button>
<button bindtap="stop">停止计时</button>
</view>
</view>
</view>
index.js
// index.js
// 获取应用实例
var num = 60//定义开始秒数
//定义一个布尔变量，用于停止计时器
var ynStop=false
Page({
data: {
//用于显示计算器
hidden: false,
num: num
},
//渲染出计时器
onLoad() {
//function里直接用this会出错
var that =this
//延时显示函数
setTimeout(function(){
//设置隐藏属性为否
that.setData({
hidden:true
})
}
//设置延时为2s
, 2000)
},
start: function () { //开始计时函数
//设置显示器值为当前值减一
this.setData({
num: num--
})
//调用timer函数
this.timer()
//后台打印num值
console.log(num)
},
stop: function () { //停止函数
//将是否停止循环值定义为真
ynStop=true
console.log(ynStop)
},
timer: function () { //计时函数
if (num >0&&ynStop==false) {
//隔一秒回调start函数，注意setTimeout里函数不要加括号，或者用function（）{}
setTimeout(this.start, 1000)
} else {
this.setData({
num: 0
})
}
}
多次拒绝登录和允许登录微信小程序的登录获取用户信息，是通过微信d出窗口，用户可点击允许 和拒绝两个按钮，点击允许，则获取用户信息登录成功，若点击拒绝，则获取失败，可通过二次请求调用d起获取用户信息窗口。
具体代码如下：
//app.js
App({
onLaunch: function () {
//调用API从本地缓存中获取数据
var logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
console.log('logs',logs)
},
getUserInfo:function(cb){
var that = this
//调用登录接口
function getOpenid(backMsg){
that.globalData.userInfo = backMsg.userInfo
that.globalData.encryptedData = backMsg.encryptedData
that.globalData.iv = backMsg.iv
that.globalData.login = true
console.log(that.globalData.code)
wx.request({
url:that.localUrl+'Login/sendCodeLogin',
data:{
code:that.globalData.code,
encryptedData: backMsg.encryptedData,
iv:backMsg.iv
},
success:function(openData){
console.log('返回openid',openData,openData.data)
if(openData.data.code==1001){
that.globalData.openid = openData.data.data.openid
wx.setStorageSync('openid',that.globalData.openid)
wx.setStorageSync('userInfo',that.globalData.userInfo)
wx.setStorageSync('isManager', openData.data.data.isManager)
wx.showToast({
title: '登录成功',
icon: 'success',
duration: 500
})
typeof cb == "function" &&cb(that.globalData.userInfo)
}else{
wx.showLoading({
title: '登录失败'
})
setTimeout(function () {
wx.hideLoading()
}, 500)
}
}
})
}
wx.login({
success: function (msg) {
console.log('code',msg)
if(msg.code){
that.globalData.code = msg.code
if(that.globalData.login==false){
wx.openSetting({
success: function (data) {
if(data) {
if (data.authSetting["scope.userInfo"] == true) {
//loginStatus = true
wx.getUserInfo({
withCredentials: false,
success: function (res) {
console.log('第二次成功',res)
getOpenid(res)
},
fail: function (res) {
that.globalData.login = false
console.log('二次失败',res)
}
})
}else{
that.globalData.login = false
console.log('二次失败02')
}
}
},
fail: function () {
console.info("设置失败返回数据")
}
})
}else{
wx.getUserInfo({
success: function (res) {
console.log('第一次成功',res)
getOpenid(res)
},fail:function(msg){
that.globalData.login = false
console.log('第一次失败',msg)
}
})
}
}
},
fail:function(res){
console.log(res)
}
})
},
globalData:{
userInfo:null,
encryptedData:null,
iv:null,
openid:null,
code:null
}
})
有可能是设置的时间长了。云函数设置的是相当于云端执行时长过长时最长执行时间。而客户端断网情况下，实际属于客户端网络请求超时，并且会重试三次。每次超时是20s还是15s。
在云函数中使用了setTimeout函数并且设置了大于3秒以后触发，在前端请求云函数时出现了超时问题，代码反复检查很多遍都没有错误，控制台只输出超时，原因是云开发控制台云函数配置超时间时间默认为3秒，你设置了超过3秒当然超时。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）