vue组件 订单支付15分钟倒计时

vue组件 订单支付15分钟倒计时//支付倒计时ComputetTime(data){letst=data.currentTime.replace(/\-/g,”/”),//当前服务器时间ct=data.formatCreateTime.replace(/\-/g,”/”);//创建订单时间letts=newDate(st).getTime…

大家好,又见面了,我是你们的朋友全栈君。

//支付倒计时
    ComputetTime(data) {
      let st = data.currentTime.replace(/\-/g, "/"),//当前服务器时间
        ct = data.formatCreateTime.replace(/\-/g, "/");//创建订单时间
      let ts = new Date(st).getTime(),
        tc = new Date(ct).getTime();
      let cm = 15 * 60 * 1000 - (ts - tc);
      this.runBack(cm);
    },

runBack(cm) {
      if (cm > 0) {
        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(function() {
          cm -= 1000;
          _msThis.runBack(cm);
        }, 1000);
      } else {
        this.changeOrderState();//调用改变订单状态接口
      }
    },

模板template:

<div id="recomTime" v-show="orderinfo.orderState=='1'">剩余支付时间 {
   
   {rocallTime}}</div>

当 this.orderinfo.orderState==’1′ 调 this.ComputetTime(data) 即可

转载于:https://www.cnblogs.com/jrg-Archer/p/8385898.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/138796.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 数据库索引的作用和长处缺点

    数据库索引的作用和长处缺点

    2021年12月6日
    45
  • XFF漏洞利用[通俗易懂]

    XFF漏洞利用[通俗易懂]作者:小刚一位苦于信息安全的萌新小白帽,记得关注给个赞,谢谢本实验仅用于信息防御教学,切勿用于其它用途XFF漏洞X-Forwarded-For(XFF)利用方式1.绕过服务器过滤2.XFF导致sql注入补充X-Forwarded-For(XFF)XFF是header请求头中的一个参数是用来识别通过HTTP代理或负载均衡方式连接到Web服务器的客户端最原始的IP地址的HTTP请求头字段。代表了HTTP的请求端真实的IP。X-Forwarded-For:client1,proxy1,p.

    2022年6月16日
    61
  • Pytest(1)安装与入门「建议收藏」

    Pytest(1)安装与入门「建议收藏」pytest介绍pytest是python的一种单元测试框架,与python自带的unittest测试框架类似,但是比unittest框架使用起来更简洁,效率更高。根据pytest的官方网站介绍,它

    2022年7月31日
    4
  • 免费申请国外免费域名超详细教程

    免费申请国外免费域名超详细教程1.首先申请免费域名网站:https://my.freenom.com/domains.php2.填入域名,这里我们以xcflag为列(尽量选择复杂一点的或者五个字母以上的域名,因为简单的有些域名是需要收费的),点击检查可用性。3.可以看到很多免费的域名(用的谷歌翻译插件,翻译有时候不是很准确,free翻译过来应该是免费而不是自由,之后会写一些关于谷歌插件的笔记,详细讲解)4.我们选择xcflag.tk点击立即获取,稍等一会点击购物车查看绿色按钮5.默认三个月试用,这里下拉框我们选择十二个月

    2022年6月30日
    55
  • Oracle 11g安装报错[通俗易懂]

    Oracle 11g安装报错[通俗易懂]1.报错:[root@server1database]#./runInstaller&amp;amp;amp;gt;&amp;amp;amp;gt;&amp;amp;amp;gt;Ignoringrequiredpre-requisitefailures.Continuing…PreparingtolaunchOracleUniversalInstallerfrom/tmp/OraInstall2018-07-02_08…

    2022年7月25日
    49
  • gcc编译成动态库_gcc动态库

    gcc编译成动态库_gcc动态库gcc常用编译选项: 选项 含义 -static 链接静态库,禁止使用动态库 -shared 进行动态库编译,链接动态库 -Ldir 在动态库的搜索路径中增加dir目录 -lname 链接静态库(libname.a)或动态库(libname.so)的库文件 -fPIC(或fpic) 生成使用相对地址无关的目标代码 方法一…

    2022年9月30日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号