美文网首页
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