美文网首页
js倒计时十分钟封装

js倒计时十分钟封装

作者: 每天进步一点点5454 | 来源:发表于2022-07-27 14:10 被阅读0次
    • 根据自己的需要来封装
      效果
      image.png
        countdownpay(倒计时分钟,分标签,秒标签,毫秒标签,是否显示标签); 
        function countdownpay(time,minutes1,seconds2,second3,isshow) {
                var maxtime = time * 60 * 1000;
                timer = window.setInterval(function () {
                    if (maxtime >= 0) {
                        var minutes = Math.floor(maxtime / 60 / 1000);
                        var seconds = Math.floor(maxtime / 1000 % 60);
                        var ms = Math.floor(maxtime % 1000 / 100);
                        var m = String(ms).charAt(0);
                        $(minutes1).text(minutes);
                        $(seconds2).text(seconds);
                        $(second3).text(m);
                        maxtime -= 10;
                    } else {
                        if (maxtime < 0) {
                            window.clearInterval(timer);
                            $(isshow).show();
                        }
                        console.log('倒计时结束')
                    }
                }, 10)
            }
    

    相关文章

      网友评论

          本文标题:js倒计时十分钟封装

          本文链接:https://www.haomeiwen.com/subject/cqdzirtx.html