一个简单的倒计时写了那么多代码,还写了那么多的 if 很难不出错 给你一个思路,细节不知道的话自行度娘: 1、通过 countTime 来控制倒计时的秒数,如2分钟为 120 秒,至于如何显示,通过格式化函数处理 2、通过定时器每秒递减1,当小于等于0时,终止定时器
调用setInterval后无法清除?我写了一个倒计时函数,但遇到了设置一个一分钟的倒计时,明明结束后已经00:00了,自动又从59分59秒重新开始倒计时 刚开始学小程序,求大佬指正,下面附上代码: // pages/exercise/exercise.js Page({ /** * 页面的初始数据 */ data: { showSlider:false, showCountDown:false, remainTimeText:'', hourCountdown: 0, countdown: "00:00" }, //打开计时滑动器 showPicker: function() { this.setData({ showSlider: true, showCountDown: false }); }, //“取消”按钮的隐藏计时滑动器 CloseSlider(){ let countdown = this.data.countdown; if(countdown !== 0){ this.setData({ showSlider:false, showCountDown:true }) } else{ this.setData({ showSlider:false }) } }, //“确认”按钮的隐藏计时滑动器 hideSlider() { const hourCountdown = this.data.hourCountdown; // 判断是否存在倒计时,存在则清除 if (this.interval) { clearInterval(this.interval); } this.setData({ showSlider: false, showCountDown: true }); // 更新倒计时初始时间 let countdown = `${hourCountdown.toString().padStart(2, "0")}:00`; this.setData({ countdown: countdown }); // 调用倒计时函数 this.countdownFunc(); }, //设置运动时长 sliderChange(e) { this.setData({ hourCountdown: e.detail.value, }); }, // 倒计时执行函数 countdownFunc() { let hourCountdown = this.data.hourCountdown; let countdown = this.data.countdown.split(":"); let minutes = Number(countdown[0]); let seconds = Number(countdown[1]); this.interval = setInterval(() => { if (hourCountdown > 0 || minutes > 0 || seconds > 0) { if (seconds === 0) { if (minutes > 0) { minutes -= 1; seconds = 59; } else if (hourCountdown > 0) { hourCountdown -= 1; minutes = 59; seconds = 59; } } else { seconds -= 1; } let formattedTime = `${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`; this.setData({ hourCountdown: hourCountdown, countdown: formattedTime }); } else { this.setData({ hourCountdown: 0, showCountDown: false }); } }, 1000); // 判断是不是无倒计时,如果是,则清除倒计时 if (this.data.hourCountdown === 0) { clearInterval(this.interval); } }, //自主加分函数 pluspoint(){ wx.showModal({ title: '请输入数字', showCancel: true, cancelText: '取消', confirmText: '确定', editable:true, placeholderText:'1min = 1 分', success: function (res) { if (res.confirm) { var input_value = res.content; // 获取用户输入的数据 if (!isNaN(input_value)) { console.log(input_value); // 打印用户输入的数字 } else { wx.showToast({ title: '请输入正确的数字', icon: 'none' }) } } else if (res.cancel) { console.log('用户点击取消'); } }, fail: function (res) { console.log('弹窗失败'); } }) }, //跳转兑换页面 gotoexchange(e){ wx.navigateTo({ url: '/pages/exchange/exchange', }) }, //将照片发送至邮箱//如果没有服务器或者使用云开发,好像达不到这个功能 undeveloped(){ wx.showToast({ title: '该功能没钱开发', icon: 'error', mask: true }) }, /** * 生命周期函数--监听页面加载 */ onLoad(options) { //获取全局point let point = getApp().globalData.point; this.setData({ point : point }) this.countdownFunc(); }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady() { }, /** * 生命周期函数--监听页面显示 */ onShow() { let point = wx.getStorageSync('point') this.setData({ point:point }) }, /** * 生命周期函数--监听页面隐藏 */ onHide() { }, /** * 生命周期函数--监听页面卸载 */ onUnload() { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh() { }, /** * 页面上拉触底事件的处理函数 */ 上到达底部() { }, /** * 用户点击右上角分享 */ 在分享应用消息() { } })
2023-08-15域名没有配置 https 是无法访问的,可以让后端 或者 运维 协助配置下即可使用
如何解决电脑调试正常,小程序上线接口无法通过,报错600001的错误?手机报错如下: [图片] 但是PC调试的时候可以正常进入页面 [图片] 使用的后端服务为阿里云服务器 接口请求地址为:http://www.homeoflg.top:8001
2023-05-29可以开启自定义导航栏,头部的白色导航就会消失,但右上角的 哪些 功能按钮 是取消不掉的
PC端小程序可以设置导航栏吗?不能全屏很难受呀[图片] 全屏会好看很多,上导航栏可以设置隐藏吗?
2023-05-15还有一定的可能性会被拒绝 o(╯□╰)o
chooseAddress接口审核可以加急吗?真的很急!!!!救命!下午就要用了,之前没注意这个需要审核啊啊啊
2023-05-13登录PC端小程序管理后台,在消息通知里,找到 暂停服务 的那条消息,里边有一个申诉按钮,如果没有申诉按钮,恐怕是永久封禁了
下单小程序违规 给商品下架了在哪里申诉?没有申诉入口啊 [图片]
2023-05-06weixin://dl/business/?t=xxx 这个应该算是 跳转协议吧,只在跳转的时候有效 你可以使用 短连接 或者 H5 跳小程序 的形式,服务端生成的 scheme码 渲染在H5中,在H5里进行跳转
微信扫一扫不能识别 weixin:// 并自动跳转?通过 获取scheme码 拿到小程序 scheme 码,在服务端生成二维码以后使用微信扫一扫不能自己跳转,一直是白屏状态。用 UC 扫码自动跳转百度并搜索 weixin://dl/business/?t=xxx 。如果在 url 之前加上 https 就能正常跳转,但是因为协议不对,跳转不到小程序。这是什么问题呢?
2023-04-28是否有什么报错内容
wx.openAddress 调用没有任何反应?场景:小程序中内嵌公众号页面,然后在公众号页面中调用wx.openAddress没有任何反应,走到了complete 回调,但就是无法拉起地址
2023-04-27IOS设备更新至最新版即可
button 属性open-type 指定 chooseAvatar 后,安卓iOS 展示效果不同?iPhone X iOS 设备 微信版本号:8.0.26 Realme GT 安卓设备 微信版本号:8.0.34 过程描述: button 属性open-type 指定 chooseAvatar 后,点击按钮在弹出页面中,点击"从相册选择" 和 ”拍照“,选到图片之后,都会打开微信的一个裁剪图片页面,安卓和iOS 设备效果不同,iOS设备并没有这个剪切页面,直接回调了bindchooseavatar 方法,而安卓设备进入裁剪页面之后,点击确定之后才会调用 bindchooseavatar 方法 期望结果:展示效果相同 目前结果:不同平台设备展示不相同 苹果设备没有这个页面,安卓展示效果看图: [图片]
2023-04-21初始化画布的时候,加上圈起来的代码即可 [图片]
canvas划线轨迹不跟随手指该怎么解决?https://developers.weixin.qq.com/s/fNWsVAmo7LH4 canvas划线轨迹不跟随手指显示且越往下偏移越多
2023-04-20你倒是贴出错误截图呀,什么都没有,猜都不知道往哪猜
小程序搭建时报错?配置中关闭合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书检查
2023-03-22