jquery ,页面倒计时

Posted 大雨大雨大雨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery ,页面倒计时相关的知识,希望对你有一定的参考价值。

function get_countdown(elementName) {
        var t = 59;//倒计总秒数
        var time = 59;//当前秒数
        if (time == t) { //如果不加入该判断,则会出现在倒计时期间不断的点击发生不断的加快(其实就是你点了多少次就重复多少次该函数)的问题,用setTimeout()方法不加此判断也是一样的
            var time1 = setInterval(function() {
                  if (time == 0) {
                      $(elementName).html("Resend");
                      $(elementName).removeAttr("disabled");
                      time = t;
                      clearInterval(time1);
                      $(elementName).addClass("bg-color4").removeClass("bg-color3");
                  } else {
                      $(elementName).attr("disabled","true");
                      $(elementName).html(time + "s Resend");
                      $(elementName).removeClass("bg-color4").addClass("bg-color3");
                      time--;
                  }
                    console.log(time);
            }, 1000);
        }
    }

以上是关于jquery ,页面倒计时的主要内容,如果未能解决你的问题,请参考以下文章

jQuery实现发送验证码30s倒计时,且刷新页面时有效

Jquery Countdown Timer 在页面刷新时没有重置?

分享十二个有用的jQuery代码

持久的 jQuery 倒计时

几条jQuery代码片段助力Web开发效率提升

常用的几个JQuery代码片段