Question

新手到java脚本，我想做任何一次点击第一个按钮，然后第二个按钮被禁用30秒，启用第二个按钮后，点击第二个按钮和第三个按钮对用户可见。我知道教程上简单的禁用启用按钮谢谢。

<!DOCTYPE html>
<html>
<body>

<input type="button" id="myBtn" value="My Button">

<p>Click the button below to disable the button above.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {

     document.getElementById("myBtn").disabled = true;
}
</script>

</body>
</html>

Answer 1

使用 setTimeout 功能来执行此操作。

<script>
function myFunction() {
     document.getElementById("myBtn").disabled = true;
     setTimeout(function(){
       document.getElementById("myBtn").disabled = false;
     }, 5000);
}
</script>

希望它有效。

Answer 2

使用setTimeout（）函数和变量来标记点击状态：

 setTimeout("myFunction();", 30000);

Answer 3

请参阅此plunker http://embed.plnkr.co/ZUmGoGEr2TYHlfPhUJgK/preview

<!DOCTYPE html>
<html>
  <head>

    <script src="script.js"></script>
  </head>
<body>

<input type="button" id="myBtn" value="My Button"  onclick="document.getElementById('thirdBtn').style.display='block'">
<input type="button" style="display:none;" id="thirdBtn" value="Third Button">
<p>Click the button below to disable the button above.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
document.getElementById('thirdBtn').style.display='none';
        document.getElementById("myBtn").disabled = true;
     setTimeout(function(){

       document.getElementById("myBtn").disabled = false;
     }, 30000);
}
</script>

</body>
</html>

Javascript按钮禁用并启用特定时间

3 个答案: