кнопки дисплея в течение нескольких секунд, а затем сбросить экран

Question

У меня есть кусок кода, который заставляет мой счетчик работать в течение 2 минут. через 2 минуты над полем предупреждения появляется сообщение о завершении времени.

Что я пытаюсь сделать, так это то, что когда появляется окно предупреждения, и пользователь нажимает кнопку ОК и возвращается на экран, я хочу, чтобы 2 кнопки исчезли, и останется только одна кнопка. До сих пор я мог это сделать, но эта часть (также обозначенная через комментарий b/w кодом) должна оставаться только на 20 секунд, после чего экран должен автоматически сбрасываться.

код, который я использую это

var ticker = function() 
     { 
      counter--; 
      var t = (counter/60) | 0; // it is round off 
      digits.eq(0).text(t); 
      t = ((counter % 60)/10) | 0; 
      digits.eq(2).text(t); 
      t = (counter % 60) % 10; 
      digits.eq(3).text(t); 
      if (!counter) 
       { 
        clearInterval(timer); 
        alert('Sorry, time is out.'); 

/***3 lines given below should stay for 20 sec and after that the screen should get reset***/ 

         $("#count").hide(); 
         $("#walkaway").show(); 
         $("#submitamt").hide(); 


       } 
     }; 

Answer 1

добавить функцию тайм-аут после показа кнопки, как это:

setTimeout(function() { 
     // add whatever code you want to reset 
}, 20000); 

Answer 2

Вы должны использовать setTimeout вместо setInterval. Это работает?

$(function() { 
 
    setTimeout(function() { 
 
    alert("Alert came after 2 mins."); 
 
    $(".after-2mins").show(); 
 
    setTimeout(function() { 
 
     location.href = location.href; 
 
    }, 2000); 
 
    }, 5000); 
 
});

* {font-family: 'Segoe UI'; margin: 0; padding: 0; list-style: none;} 
 
.hidden {display: none;}

<script src="https://code.jquery.com/jquery-1.9.1.js"></script> 
 
<p>Wait for 2 mins. 5 seconds in this demo.</p> 
 
<div class="after-2mins hidden"> 
 
    <p>2 mins over. Displaying 2 buttons. After 20 seconds, everything will reload. It is 2 seconds in this demo.</p> 
 
    <input type="button" value="Button1" /> 
 
    <input type="button" value="Button2" /> 
 
</div>