Показать панель уведомлений для определенной продолжительности времени

Question

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

Я хочу использовать этот код для входа логин пользователя system.When на определенное время, он показывает уведомление bar.But я хочу видеть панель уведомлений, если пользователь Войти через определенное время, но в течение десяти минут , например Если Войти время - через две минуты после определенного времени, оно показывает панель уведомлений в течение восьми минут.

это возможно и как?

(function() { 
 
    function checkTime(i) { 
 
     return (i < 10) ? "0" + i : i; 
 
    } 
 

 
    function startTime() { 
 
     var today = new Date(), 
 
      h = checkTime(today.getHours()), 
 
      m = checkTime(today.getMinutes()), 
 
      s = checkTime(today.getSeconds()); 
 
      // ms = checkTime(today.getMilliseconds()); 
 
     document.getElementById('time').innerHTML = h + ":" + m + ":" + s; 
 
     t = setTimeout(function() { 
 
      startTime() 
 
     }, 1000); 
 
    
 
    if(h==16 && m==52 && s==00) 
 
       { 
 
      alertify.notify('sample', 'success', 60, function(){ console.log('dismissed'); }); 
 
        } 
 
        else if(h==17 && m==01 && s==00) 
 
       { 
 
      alertify.notify('difficult', 'success', 60, function(){ console.log('dismissed'); }); 
 
        } 
 
       
 
    } 
 
    
 
     startTime(); 
 
})();

<script src="js/alertify.min.js"></script> 
 
<!-- include the style --> 
 
<link rel="stylesheet" href="css/alertify.min.css" /> 
 
<!-- include a theme --> 
 
<link rel="stylesheet" href="css/default.min.css" /> 
 
<!-- CSS --> 
 

 
<!-- CSS --> 
 
<link rel="stylesheet" href="//cdn.jsdelivr.net/alertifyjs/1.4.1/css/alertify.min.css"/> 
 
<!-- Default theme --> 
 
<link rel="stylesheet" href="//cdn.jsdelivr.net/alertifyjs/1.4.1/css/themes/default.min.css"/> 
 
<!-- Semantic UI theme --> 
 
<link rel="stylesheet" href="//cdn.jsdelivr.net/alertifyjs/1.4.1/css/themes/semantic.min.css"/> 
 
<!-- Bootstrap theme --> 
 
<link rel="stylesheet" href="//cdn.jsdelivr.net/alertifyjs/1.4.1/css/themes/bootstrap.min.css"/> 
 

 
<!-- 
 
    RTL version 
 
--> 
 
<link rel="stylesheet" href="//cdn.jsdelivr.net/alertifyjs/1.4.1/css/alertify.rtl.min.css"/> 
 
<!-- Default theme --> 
 
<link rel="stylesheet" href="//cdn.jsdelivr.net/alertifyjs/1.4.1/css/themes/default.rtl.min.css"/> 
 
<!-- Semantic UI theme --> 
 
<link rel="stylesheet" href="//cdn.jsdelivr.net/alertifyjs/1.4.1/css/themes/semantic.rtl.min.css"/> 
 
<!-- Bootstrap theme --> 
 
<link rel="stylesheet" href="//cdn.jsdelivr.net/alertifyjs/1.4.1/css/themes/bootstrap.rtl.min.css"/> 
 
    

<div id="time"></div>

Answer 1

простая математика:

10 минут во втором = 600;

timeElapsed = currenttime - timeToAlert; 
if ((timeElapsed >=0) && (timeElapsed <600)){ 
//show the alert 
timeToShowAlert = 600-timeElapsed; 
showAlertForTime(timeToShowAlert); 
}