javascript - 如何使用 JavaScript 代码计算禁用按钮的时间？

Question

我的项目中有一个按钮被禁用 5 秒。我想在禁用按钮上每秒计算时间(5、4、3、2、1 和 0)，而不是在下面的代码中显示“正在处理...”。这怎么可能？

Java 脚本:

    function lockoutSubmit(button) {
            var oldValue = button.value;
            setTimeout(function () {
                button.setAttribute('disabled', true);
                button.value = 'Processing...';
            }, 0)

            setTimeout(function () {
                button.value = oldValue;
                button.removeAttribute('disabled');
            }, 5000)
        }

html:

 <asp:Button ID="Button1" 
                runat="server" 
                Text="Click Me" 
                onclientclick="lockoutSubmit(this)" />

Answer 1

要显示秒，您可以使用此表单。

• 创建计数器变量“i ”
• 创建 setInterval 函数
• 递减 setInterval 函数内的变量“i ”

• 将 setInterval 函数删除到 setTimeout 函数中。

     var oldValue = button.value;
     var i=5; //variable for to count the seconds
     var interval = setInterval(function () {
          button.setAttribute('disabled', true);
          i-=1;
          button.value = 'Processing '+ i +'...' ;
      }, 1000)
  
      setTimeout(function () {
          clearInterval(interval); //drop the interval
          button.value = oldValue;
          button.removeAttribute('disabled');
      }, 5000)
  

希望对你有帮助:)