多状态下支付倒计时

旧城等待， 2023-06-30 05:28 12阅读 0赞

#### 多状态下 支付倒计时 ####

<div class="headBox" id="headBox">
    
        <div class="status" id="unfilled_orders">
            <div class="sta">
                <span class="staName">待发货</span>
            </div>
            <p>买家已付款，卖家未发货</p>
        </div>
    
    
        <div class="status" id="canceled">
            <div class="sta">
                <span class="staName">已取消</span>
            </div>
            <p>该订单已取消</p>
        </div>
    
    
    
        <div class="status" id="unpaid">
            <div class="sta">
                <span class="staName">待付款</span>
                <span class="peice">￥780.00元</span>
            </div>
            <p id="timer">等待买家付款，剩余15分00秒 </p>
        </div>
    </div>

$(document).ready(function(){ 
         if($('#timer').length>0){ 
             console.log('存在执行')
             timer()
         }else { 
             console.log('不存在')
         }
    
    });
    
    
    var maxtime = 15 * 60;
    function CountDown() { 
        if (maxtime >= 0) { 
            minutes = Math.floor(maxtime / 60);
            seconds = Math.floor(maxtime % 60);
            msg = "等待买家付款，剩余" + minutes + "分" + seconds + "秒";
            $('#timer').text(msg)
            --maxtime;
        } else { 
            clearInterval(timer);
            $('#unpaid div').replaceWith('<span class="staName">交易关闭</span>')
            $('#timer').text('订单超时，交易已关闭')
            $('.newFoot').hide()
        }
    }
    
    function timer(){ 
        setInterval("CountDown()", 1000);
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，12人围观）

还没有评论，来说两句吧...

相关阅读

相关多状态下支付倒计时

多状态下支付倒计时 <div class="headBox" id="headBox">  <div

旧城等待，/ 2023年06月30日 05:28/ 0 赞/ 13 阅读

相关倒计时

js部分： export default function CalcTime(endtime) { var obj = {}; var

男娘i/ 2023年05月31日 06:38/ 0 赞/ 46 阅读

相关 vue组件 - 实现时间倒计时效果（多数据、多个倒计时处理）

Ⅰ- 壹 - 效果展示 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly

待我称王封你为后i/ 2023年01月02日 08:25/ 0 赞/ 968 阅读

相关订单列表未支付账单倒计时

先上效果图 ![在这里插入图片描述][20210402161249198.gif] 研究心路最开始是想给每个订单都添加自己的定时器倒计时，成功

灰太狼/ 2022年11月16日 00:59/ 0 赞/ 177 阅读

相关 js 天数倒计时时间倒计时

export function getOverTimeDown(endDateStr: string, outValue?: { value: string }, fn

àì夳堔傛蜴生んèń/ 2022年09月11日 12:10/ 0 赞/ 322 阅读

相关倒计时

验证输入手机号验证码倒计时 ![这里写图片描述][SouthEast]![这里写图片描述][SouthEast 1] \如上图所示要实现验证码的倒计时的效果

不念不忘少年蓝@/ 2022年06月02日 10:12/ 0 赞/ 403 阅读

相关页面多个倒计时

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>页

末蓝、/ 2022年05月13日 11:16/ 0 赞/ 237 阅读

相关多线程——倒计时

老规矩上代码 package Thread\_Demo1; /\\ 学习多线程 @author 谢鹏 \/ public class Thr

痛定思痛。/ 2022年04月04日 12:48/ 0 赞/ 163 阅读

相关倒计时

js代码 var EndTime= new Date('2017/2/18 00:00:00'); //设置到期时间 var NowTime = ne

- 日理万妓/ 2021年12月23日 08:41/ 0 赞/ 539 阅读

相关 uniapp 电商app支付倒计时处理

电商app支付倒计时所有电商app支付页面都是有倒计时的，一来可以促进消费，二来可以减少恶意减库存的问题发生。因为创建订单的时候，除了预售的商品外，实际销售的商品

喜欢ヅ旅行/ 2021年07月25日 16:40/ 0 赞/ 768 阅读