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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 高等代数第二章行列式思维导图(行列式的知识点总结思维导图)

    HelloWorld,我的朋友,这里是一颗小白蛋,大千世界,很高兴以这样的方式与你相遇前言好久不见,这一次给大家带来考研线代中行列式的相关内容。2021考研数学复习全书+2021李永乐线性代数辅导讲义+2020张宇线代基础课+20211800题=知识技巧思维导图相关重点知识内容+易错点知识+技巧总汇+知识拓展=知识技巧思维导图一战上岸思维导图以题型为出发点,总结了几…

    2022年4月17日
  • 有趣的10个CMD命令「建议收藏」

    有趣的10个CMD命令「建议收藏」有趣的10个CMD命令

    2022年9月22日
  • Linux 批量杀进程[通俗易懂]

    Linux 批量杀进程[通俗易懂]1.查需要杀死的进程ps-ef|grepyum2.去除掉里面的grepps-ef|grepyum|grep-vgrep3.打印kill命令ps-ef|grepyum|grep-vgrep|awk'{print”kill”$2}’4.执行kill命令ps-ef|grepyum|grep-vgrep|awk'{print”kill”$2}’|sh删除完成…

    2022年9月5日
  • potplayer快捷键

    potplayer快捷键potplayer播放器用起来感觉不错,搜集快捷键备用快捷键指令——————————————————–“播放->跳略播放->跳略播放开|关’播放->跳略播放->跳略播放设置…,字幕->字幕同步(帧率)->滞后0.5秒Alt+,…

    2022年5月11日
  • Mysql慢查询_mysql并发查询慢

    Mysql慢查询_mysql并发查询慢慢查询日志概念MySQL的慢查询日志是MySQL提供的一种日志记录,它用来记录在MySQL中响应时间超过阀值的语句,具体指运行时间超过long_query_time值的SQL,则会被记录到慢查询日志中。long_query_time的默认值为10,意思是运行10S以上的语句。默认情况下,Mysql数据库并不启动慢查询日志,需要我们手动来设置这个参数,当然,如果不是调优需要的话,一般不建议启动该参数…

    2022年10月9日
  • dedecms内容页调用图片集文档的图集图片

    dedecms内容页调用图片集文档的图集图片

    2021年9月19日

发表回复

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

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