小程序实时直播_uniapp电商小程序完成订单30分钟

发布时间:2021-01-05 09:53 作者:jianzhan

摘要: uniapp电子商务微信小程序完成定单三十分钟倒数计时 本文关键为大伙儿详尽详细介绍了uniapp电子商务微信小程序完成定单三十分钟倒数计时,原文中实例编码详细介绍的十分详尽

uniapp电商小程序实现订单30分钟倒计时       这篇文章主要为大家详细介绍了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分钟倒计时,所以,还是需要用第一种方式来进行处理。截至日期由后台返给的方式来。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。


  • 公测: 机智云自动生成ap

    前言:APP编码全自动转化成服务会依据开发设计者界定的数据信息点立即转化成App的源代码,开发设计者装包后即可立即运作,零编号!!! 三月2七日,由机灵云开发设计的APP编码全自

  • 如何建设一个企业官网,

    针对一个中小型公司来讲,公司官方网站该怎样基本建设

    这有关“ 网站”基本建设得话题如今没有人关心了哈。 不是是由于企业网站建设这方面生日蛋糕如今没有什么吃头了?从

  • 在专业网站制作中如何定

    什么叫定制公司企业网站建设?简言之的定制公司企业网站建设就是从一开始设计方案计划方案到网立在线的整个过程,都是按照消费者的要求去做的。但是倘若消费者对建设网站一点

  • 傻瓜式免费自助建站系统

    手动式式彻底完全免费自助式式建设网站系统软件手机软件,新手建设网站理想化化专用型专用工具有一种彻底完全免费又方便快捷的建设网站方式你需要不肯要?自助式式建设网站也

  • 郑州定制网站费用差别怎

    有说好几百能够做的,也有过万的,有木有懂这种的给解读下与模板网站不一样,定制网站是针对企业进行再度计划方案方案策划、方案计划方案编写、再度设计方案计划方案、再度功效开