微信小程序——解决IOS系统倒计时问题

最新推荐文章于 2023-04-15 09:53:09 发布

舕姣妢苼

最新推荐文章于 2023-04-15 09:53:09 发布

阅读量1.1k

点赞数

分类专栏：前端 Wechat 文章标签：小程序 ios

本文链接：https://blog.csdn.net/jolieLi2019888/article/details/116053668

版权

本文介绍了在微信小程序项目中遇到的一个特定问题：在iOS系统上，由于setInterval计时器与Date()函数的兼容性问题，导致24小时倒计时功能失效。问题根源在于iOS系统不识别Date()解析时间时的'-'字符。通过将所有的'-'替换为'/'，成功解决了这个问题，确保了在Android和iOS系统上的正常显示。

摘要由CSDN通过智能技术生成

最近，项目中需实现下单后，24小时内未付款，则取消订单，页面显示剩余支付时间

逻辑代码:

methods:{
    timeFormat(param) {
		return param < 10 ? '0' + param : param;
	},
	countDown(endTime) {
    let _that = this;
    clearInterval(interval);
    var interval = setInterval(() => {
      // 获取当前时间，同时得到活动结束时间数组
      let newTime = new Date().getTime();
      let endTime = new Date(endTime).getTime();
      // 对结束时间进行处理渲染到页面
      let obj = null;
      // 如果活动未结束，对时间进行处理
      if (endTime - newTime > 0) {
        let time = (endTime - newTime) / 1000;
        // 获取天、时、分、秒
        let h = parseInt(time / 60 / 60 % 24);
        let m = parseInt(time / 60 % 60);
        let s = parseInt(time % 60);
        o.hou = this.timeFormat(h