javascript - 我想要使​​用 javascript 在倒计时器 10 分钟之前出现一个警报框

Question

下面的代码是显示 session 到期计时器。我想显示到期前最后 10 分钟、5 分钟和 1 分钟的警报。尝试了很多方法都没有成功。

<div id="timer"></div>
<script type="text/javascript">
function countdown(minutes) {
    var seconds = 60;
    var mins = minutes

function tick() {

    var counter = document.getElementById("timer");
    var current_minutes = mins-1
    seconds--;

    counter.innerHTML = 'Remaining Time  for your session to expire is ' +
current_minutes.toString() + ":" + (seconds < 10 ? "0" : "") +     String(seconds);
    if( seconds > 0 ) {
        setTimeout(tick, 1000);
    } else {

        if(mins > 1){

           // countdown(mins-1);   never reach “00? issue solved:Contributed    by Victor Streithorst
           setTimeout(function () { countdown(mins - 1); }, 1000);

        }

    }
}

    tick();
}
 var config = <?php echo json_encode($time4) ?>;
countdown(config);

</script>

Answer 1

您必须添加以下条件:

注意:我已将 mins-1 移至另一个变量。如果您想在传递参数时使用相同的表达式，则必须多次计算 mins-1 。

var newMin = mins - 1;
if (newMin === 1 || newMin === 5 || newMin === 10)
  alert(newMin + " minutes left.");

JSFiddle .