JS控制按钮10秒钟后可用的方法

最新推荐文章于 2023-06-28 10:34:33 发布

原创最新推荐文章于 2023-06-28 10:34:33 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了一种使用JavaScript控制按钮在10秒钟后变得可用的技术，包括基于时间函数实现页面元素样式的动态变化。通过实例演示了如何在按钮被禁用后倒计时10秒并使其重新激活。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这篇文章主要介绍了JS控制按钮10秒钟后可用的方法,涉及JavaScript基于时间函数控制页面元素样式动态变换的技巧,需要的朋友可以参考下

本文实例讲述了JS控制按钮10秒钟后可用的方法。分享给大家供大家参考，具体如下：

          <script language=
          "javascript"
          > 
         
          function 
           start() 
         
          { 
         
          document.getElementById(
          "Button1"
          ).disabled = 
          true
          ; 
         
          document.getElementById(
          "Button1"
          ).value = 10; 
         
          window.setTimeout(
          "tick()"
          ,1000); 
         
          } 
         
          function 
           tick() 
         
          { 
         
          var 
          time = 
          new 
           Number(document.getElementById(
          "Button1"
          ).value); 
         
          if
          (time>0) 
         
          { 
         
          document.getElementById(
          "Button1"
          ).value = time-1; 
         
          window.setTimeout(
          "tick()"
          ,1000); 
         
          } 
         
          else
         
          { 
         
          document.getElementById(
          "Button1"
          ).disabled = 
          false
          ; 
         
          document.getElementById(
          "Button1"
          ).value = 
          "保存"
          ; 
         
          } 
         
          } 
         
          </script> 
         
          <form> 
         
          <INPUT TYPE=
          "button" 
          NAME=
          "Button1" 
           id=
          "Button1"
          >  
         
          </form> 
         
          <script language=javascript> 
         
          start(); 
         
          </script>