很多小伙伴写倒计时的时候比如像商品秒杀 抢购 等等 ,在电脑上测试发现没啥问题,但是在ios上会显示NaN,原因是因为苹果一同有自己的一套时间格式,不识别“2019-1-29 17:13:04 这种"-"的格式 ”,所以在转换时分秒之前一定要先把格式转换成对应的格式,需要写成下面的格式,可以兼容安卓和IOS“ ‘2019/08/19 00:00:00’;”/ 这种,直接上代码

直接用正则判断

var date = '2019-12-18 12:00:00';
var format = date.replace(/-/g, '/');

然后进行时分秒的转换

 let time = new Date(nowtime).getTime(); //当前时间

      let endtime = new Date(oldtime).getTime(); //到期时间

      let surplus = endtime - time;  //剩余时间

      this.countTime = surplus;   //剩余时间 赋值给html
	  data中声明一个变量    
	  
	  countTime: 0,
	  
	前端页面这样写,在这里我用的是vant的ui、框架 比较简洁
	
	 <div class="rightText">
	 
        <van-count-down :time="countTime" format="DD 天 HH 时 mm 分 ss 秒" />
        
      </div>

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐