我想要一个警报框，在倒数计时器中使用 javascript 的 10 分钟

I want an alert box before 10 min in the countdown timer using javascript

本文关键字：计时器 倒数 javascript 分钟 一个 我想要      更新时间：2023-09-26

下面的代码是显示会话到期的计时器。我想显示到期前最后 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>

您必须添加以下条件：

注意：我已将mins-1移动到其他变量。如果要在传递参数时使用相同的表达式，则必须多次计算mins-1。

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

JSFiddle.

相关文章：