用JS或JQ写一个倒计时按钮,在倒计时中按钮不可用

<button id="but">JS</button>
<button id="but1">jQuery</button>
<script>
  var tiem;
  var but = document.getElementById("but");
  but.onclick = function () {
    // alert("hehe ");
    but.disabled = true;
    i = 11;
    tiem = setInterval(() => {
      i--;
      but.innerHTML = i;
      if (i <= 0) {
        clearInterval(tiem);
        but.disabled = false;
        but.innerHTML = "JS";
        i = 11;
      }
    }, 1000);
  };
</script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
  $("#but1").click(function () {
    // alert("hh");
    $("#but1").attr("disabled", true);
    var tiem,
      i = 11;
    tiem = setInterval(() => {
      i--;
      $("#but1").html(i);
      if (i <= 0) {
        clearInterval(tiem);
        $("#but1").attr("disabled", false).html("JQ");
        i = 11;
      }
    }, 1000);
  });
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值