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


相关推荐

  • 为什么要用redis好处_为什么用redis做缓存

    为什么要用redis好处_为什么用redis做缓存Redis真的那么好用吗?

    2022年4月20日
    29
  • 盘点那些最常用的Linux命令,都应该记熟!

    点击上方“全栈程序员社区”,星标公众号 重磅干货,第一时间送达   来源:cnblogs.com/chenliangchaoshuai/p/11827383.html l…

    2021年6月26日
    81
  • Jmeter性能测试(一)性能测试关键指标解析

    Jmeter性能测试(一)性能测试关键指标解析一、性能测试关键指标解析1、响应时间多–并发量快–延时、响应时间好–稳定性(长时间运行)省–资源利用率响应时间:对请求作出响应所需要的的时间,是用户感知软件性能的主要指标。响应时间包括:1.用户客户端呈现时间2.请求/响应数据网络传输时间3.应用服务器处理时间4.数据库系统处理时间响应时间多少合理?对于一个Web系统,普遍接受的响应时间标准为2/5/8秒(2秒–非常好;5秒–可接受;8秒是上限)2、并发用户数用户…

    2022年6月17日
    129
  • JS工厂模式_工厂模式进行封装

    JS工厂模式_工厂模式进行封装JS设计模式一:工厂模式

    2022年4月21日
    74
  • svn更换服务器地址_如何登录svn服务器

    svn更换服务器地址_如何登录svn服务器描述本文适用于服务器镜像复制的情况,即svn在原本的服务器上,在服务器控制台上,将原本服务器的镜像导入新的服务器中,因此可能并不适用于所有的情况;操作步骤1.将快到期的服务器镜像进行导出,在新的服务器上进入镜像导入,等待完成即可;2.由于是镜像复制,因此原本的svn配置一致,只需要修改分支绑定的服务器域名即可,如下所示:查看迁移后的svn项目绑定的服务器信息将当前项目目录中的.svn目录进行删除(保险起见,可以先进行备份)#进入项目cd/dir…/larave

    2022年10月2日
    0
  • Visual Studio 2022无法打开源文件[通俗易懂]

    Visual Studio 2022无法打开源文件[通俗易懂]今天遇到个很糟心的问题,安装好的VisualStudio2022无法打开多个源文件,以至于连默认的HelloWorld程序都跑不起来(如下图所示,四百多个错误)。网上找了很多办法,有修改附加包含目录的(按道理这个是对每个项目进行定制化处理的,通过将第三方库的路径插入至查找路径中以方便载入第三方库)、有修改SDK版本的(其实方向对了,但是本地没有需要的SDK再怎么修改都是枉然)、有重新安装VisualStudio的(默认添加的SDK版本是不对的,所以还是无法解决问题),但是这些方法都没用。.

    2022年6月16日
    70

发表回复

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

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