uniapp电商小程序实现订单30分钟倒计时
更新时间：2020年11月01日 16:50:50 作者：yehaocheng520
这篇文章主要为大家详细介绍了uniapp电商小程序实现订单30分钟倒计时，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了uniapp实现订单30分钟倒计时的具体代码，供大家参考，具体内容如下
倒计时函数如下：
// 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分钟倒计时，所以，还是需要用第一种方式来进行处理。截至日期由后台返给的方式来。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要给大家介绍了关于three.js中多线程的使用及性能测试的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
对于js中eval()函数的理解和写一个函数trim()去掉字符串左右空格;对于js中eval()函数的理解是本人心得不一定正确,感兴趣的朋友参考下，或许对你学习eval()函数有所帮助2013-02-02
这篇文章主要为大家详细介绍了如何利用原生JavaScript实现简单的图形验证码,文中的示例代码讲解详细,具有一定的学习价值,感兴趣的小伙伴可以参考下2023-11-11
这篇文章主要为大家详细介绍了微信小程序实现canvas分享朋友圈海报，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
本文主要介绍了在JavaScript中实现复制图片的方法,先介绍了实现复制的前置知识,包括传统的 execCommand 方法及其优缺点和 Clipboard API,然后详细阐述了如何将不同形式的图片转化为blob对象并通过Clipboard API实现复制,还提及了兼容性问题及预览、下载图片的实现思路2025-03-03
本文主要介绍了图片懒加载插件，函数节流的应用以及函数节流具体的好处、常用的场景。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要为大家介绍了JS利用中介模式开发全局控制器图文示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-09-09
基数排序是一种根据数字位数的值,对整数进行排序的算法,本文主要介绍了JS实现基数排序的示例代码,具有一定的参考价值,感兴趣的可以了解一下2023-12-12
本文JavaScript中forEach和map的使用场景，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
下面将介绍日常中使用的三种解析json字符串的方法，非常不错，具有参考借鉴价值，需要的朋友参考下吧2018-05-05
最新评论