首页 > Web开发 > 详细

jquery ,页面倒计时

时间:2020-01-18 11:53:34      阅读:81      评论:0      收藏:0      [点我收藏+]
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 ,页面倒计时

原文:https://www.cnblogs.com/pangchunyu/p/12208522.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!