За последние 24 часа нас посетили 22899 программистов и 1222 робота. Сейчас ищут 694 программиста ...

Задать время появвления

Тема в разделе "JavaScript и AJAX", создана пользователем Владимир11, 28 дек 2018.

  1. Владимир11

    Владимир11 Активный пользователь

    С нами с:
    20 май 2018
    Сообщения:
    140
    Симпатии:
    0
    Код (Text):
    1. <html>
    2. <head>
    3.     <title>????</title>
    4.     <meta charset="utf-8" />
    5. </head>
    6. <body>
    7. <div id="div1"> I am div </div>
    8. <input id="input1" type="button" value="button" style="display:none;">
    9. <script defer>
    10. function oneFunc () {
    11. document.getElementById('input1').style.display="inline";
    12. }
    13. document.getElementById('div1').addEventListener('click', oneFunc, false);
    14. /////////////////////////
    15. function twoFunc () {
    16. document.getElementById('input1').style.display="none";
    17. }
    18. document.getElementById('input1').addEventListener('click', twoFunc, false);
    19. /////////////////////////
    20. </script>
    21. </body>
    22. </html>
    Кнопка появляется после нажатия на div , подскажите как сделать, что б она появлялась по времени например через 5 мин после нажатия, спасибо
     
  2. mkramer

    mkramer Суперстар
    Команда форума Модератор

    С нами с:
    20 июн 2012
    Сообщения:
    8.554
    Симпатии:
    1.754
    гугли javascript setTimeout
     
  3. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    @Владимир11 Через 6 секунд откроется, ноль тоже считается потому что. И твои функции через консоль работают, оборачивай их в функцию:
    Код (Javascript):
    1. (function(){
    2.  
    3.     function oneFunc () {
    4.         setTimeout(function() {
    5.             document.getElementById('input1').style.display="inline";
    6.         }, 5000);  //5000 = 5 секунд
    7.     }
    8.  
    9.     document.getElementById('div1').addEventListener('click', oneFunc, false);
    10.  
    11.     function twoFunc () {
    12.         document.getElementById('input1').style.display="none";
    13.     }
    14.     document.getElementById('input1').addEventListener('click', twoFunc, false);
    15.  
    16. })(window,document);