2015-03-11 1 views
1

новичок в java-скрипте, я хочу делать, когда кто-то нажимает на первую кнопку, затем вторая кнопка отключается на 30 секунд, после включения второй кнопки, нажмите вторую кнопку и третья кнопка, видимая пользователю. Я знаю, что можно просто отключить кнопки включения в учебниках.Кнопка Javascript отключается и включается в определенное время

<!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> 

ответ

1

см этот 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> 
2

Использование SetTimeout функции, чтобы сделать это.

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

Надеюсь, он сработает.

+0

собирался выложить почти точно такой же код х) – AlexG

+0

по электронной почте Ой! @AlexG, я не знал :) – BabyDuck

+0

@balaG u должен отредактировать ваш вопрос 500 не работает 5000 будет работать –

2

Использование SetTimeout функции() и переменные состояния мыши флаг:

setTimeout("myFunction();", 30000); 
Смежные вопросы