js实现支付倒计时（复制即可使用）

淩亂°似流年 2022-12-28 15:30 271阅读 0赞

效果

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ppeHVhbjcwMQ_size_16_color_FFFFFF_t_70][]

html部分

<div id="remainTime" style="color: red;background-color: yellow"></div>

js部分

如果要测试，只需要给end\_time赋值即可

//定时器 1秒执行一次
        var interval=setInterval(countDown,1000);
        //倒计时函数
        function countDown (){
            //$time=后端订单创建时间+过期时间 2020-12-18 11:20:00  此处我已经加了5分钟的过期时间
            var end_Time="<?php echo $time?>";
            var start = new Date();//当前时间
            var end = new Date(end_Time);//结束时间
            var down = (end.getTime() - start.getTime())/1000;//计算差值 按秒算
            //获取分钟数
            var minutes = parseInt(down/60%60);
            //获取秒数
            var seconds = parseInt(down%60);
            //下面就是插入到页面事先准备容器即可;
            document.getElementById('remainTime').innerHTML ="支付剩余时间：" + minutes + "分" + seconds + "秒";
    
            //别忘记当时间为0的，要让其知道结束了;
            if(down < 0){
                //过期后 看个人逻辑 一般都是让二维码显示已过期，我是直接文字显示
                document.getElementById('remainTime').innerHTML = '二维码无效了,请刷新重新获取';
                window.clearInterval(interval);//关闭定时器
            }
        }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ppeHVhbjcwMQ_size_16_color_FFFFFF_t_70]: /images/20221120/5e6e64cfb61e4a44924b2bb72f00dc8f.png

发表评论取消回复

表情：

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

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

相关阅读

相关 JS使用定时器实现倒计时

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

男娘i/ 2023年07月03日 07:16/ 0 赞/ 42 阅读

相关 js实现支付倒计时（复制即可使用）

效果 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pp

淩亂°似流年/ 2022年12月28日 15:30/ 0 赞/ 272 阅读

相关 [JavaScript]js实现倒计时

<body> <time></time> <script> function isDate() {

逃离我推掉我的手/ 2022年11月29日 00:59/ 0 赞/ 311 阅读

相关 js使用setInterval实现倒计时

利用setInterval制作简单的js倒计时，点击按钮将触发定时器且按钮不可用 html： <button id="code" class="bt

清疚/ 2022年08月08日 13:44/ 0 赞/ 189 阅读

相关 js实现倒计时

最近有个页面需要实现，验证码发送后，进行60s的倒计时， ![Center][] 代码： var flag = 1; var i = 60;

谁借莪１个温暖的怀抱￠/ 2022年07月27日 14:55/ 0 赞/ 292 阅读

相关 JS实现倒计时效果

1. 显示当前系统时间 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Typ

柔情只为你懂/ 2022年06月10日 02:15/ 0 赞/ 337 阅读

相关 JS-实现秒表倒计时+缓存倒计时

实现秒表倒计时+缓存倒计时功能 <!DOCTYPE html> <html> <head> <meta ch

约定不等于承诺〃/ 2022年05月17日 12:38/ 0 赞/ 427 阅读

相关 js实现倒计时

<body contenteditable="true" spellcheck="false" style="height: 400px;">

我会带着你远行/ 2022年05月17日 06:48/ 0 赞/ 313 阅读

相关 js时间倒计时实现

<li id="time" style="display: none">3:00</li> $(function () {

青旅半醒/ 2022年04月22日 04:28/ 0 赞/ 376 阅读

相关 JS倒计时实现

此为分秒单位倒计时，需要时分秒倒计时的可以自行修改，也可到我的资源中去下载。 <html> <head> <meta charset="UTF-8"> <ti

约定不等于承诺〃/ 2022年04月10日 05:22/ 0 赞/ 552 阅读