今天就跟大家聊聊有关“uniapp订单倒计时关闭的效果怎么实现”的内容，可能很多人都不太了解，为了让大家认识和更进一步的了解，小编给大家总结了以下内容，希望这篇“uniapp订单倒计时关闭的效果怎么实现”文章能对大家有帮助。

倒计时函数如下：

// cm 参数是截至时间-当前时间
// 截至时间是后台返回的数据，当前时间通过new Date() 的方式进行获取
runBack(cm) {
 if (cm > 0) {
 // 如果时间是超过1分钟，则需要展示的样式是： x分x秒，如果是小于1分钟，则是 00分x秒
 cm > 60000
  ? (this.rocallTime =
  (new Date(cm).getMinutes() < 10
  ? "0" + new Date(cm).getMinutes()
  : new Date(cm).getMinutes()) +
  ":" +
  (new Date(cm).getSeconds() < 10
  ? "0" + new Date(cm).getSeconds()
  : new Date(cm).getSeconds()))
  : (this.rocallTime =
  "00:" +
  (new Date(cm).getSeconds() < 10
  ? "0" + new Date(cm).getSeconds()
  : new Date(cm).getSeconds()));
 let _msThis = this;
 // 使用setTimeout倒计时，1秒后，重复调用此函数。，直到cm =0为止，跳出这个函数
 setTimeout(function() {
  cm -= 1000;
  _msThis.runBack(cm);
 }, 1000);
 } else {
 this.ispay = false
 }
 },

如果只是一个单纯的倒计时，可以通过setInterval进行处理，

let time = 1800;
 setInterval(function(){
 time=time-1;
 var minute=parseInt(time/60);
 var second=parseInt(time%60);
 console.log('还剩'+minute+'分'+second+'秒');
 },1000);

如果上面的这个倒计时函数放在页面的onload函数中，则每次这个页面加载，比如重新加载小程序的时候，都会进行30分钟倒计时，而我们想要的是，从下订单的那一刻开始进行的30分钟倒计时，所以，还是需要用第一种方式来进行处理。截至日期由后台返给的方式来。

现在大家对于uniapp订单倒计时关闭的效果怎么实现的内容应该都有一定的认识了吧，希望这篇能对大家有所帮助。最后，想要了解更多，欢迎关注群英网络，群英网络将为大家推送更多相关的文章。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• JS函数式编程中组合函数的内容如何理解

  目录前言组合函数含义封装盒子任意组合compose 变体抽象能力阶段小结前言这是【JS如何函数式编程】系列文章第三篇。点赞????关注????，持续追踪????前两篇传送门：《XDM，JS如何函数式编程？看这就够了！（一）》《XDM，JS如何函数式编程？看这就够了！（二）》在第二篇，我们谈了基础之基础，重要之重要——“偏函数”，偏函数通

• 如何用vue制作轮播图片的效果

  这篇文章主要为大家详细介绍了vue实现简单的轮播图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• 微信小程序怎么样做电子签名的功能？

  现在很多商家、组织、单位等等都有自己的微信小程序，我们能方便快捷的在小程序商实现自己想要的服务，其中有一些服务需要我们个人签名，那么微信小程序上的电子签名功能是怎样实现的呢？接下来小编就带大家来了解一下。

• jQuery中有什么方法增加class的属性？

  jQuery中有什么方法增加class的属性？对于jQuery中增加class的属性的方法，这里给大家介绍addClass()方法，这是 jquery提供一个添加class类的方法，接下来我们那就来具体的了解看看，addClass()方法怎样实现增加class。

• 用jQuery怎样判断点击事件点击了几次？

  用jQuery怎样判断点击事件点击了几次？在一些项目中，有时候我们需要判断进行了多少次的点击事件，那么我们有什么方法可以实现这个效果呢？文中的示例代码介绍得很详细，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。