Question

function setCountDown ()
{
  seconds--;
 if (seconds < 0){
      minutes--;
      seconds = 59
 }
  if (minutes < 0){
      hours--;
      minutes = 59
 }
  if (hours < 0){
      days--;
      hours = 23
 }
  document.getElementById("remain").innerHTML = hours+" hours, "+minutes+" minutes,      "+seconds+" seconds";
  SD=window.setTimeout( "setCountDown()", 1000 );
  if (minutes == '00' && seconds == '00') { seconds = "00"; window.clearTimeout(SD);
        window.alert("Time is up. Press OK to continue."); // change timeout  message as required
        //window.location = "http://www.yourpage.com" // Add your redirect url
  }

}

function doTimer()
{
  if (!timer_is_on){
  timer_is_on=1;
  setCountDown ();
}
}
function stopCount()
{
  clearTimeout(SD);
  timer_is_on = 0;
}

问题是暂停在一个页面上工作，但当我点击下一个按钮时，页面将重新加载，事实是计时器永远不会暂停。我想知道如何暂停计时器？

Answer 1

如果我理解正确你想让状态计时器在所有页面上持续存在，那么即使你重新加载页面，计时器也会暂停或继续计算它停止的位置？

如果是这种情况，解决方案是将ajax查询发送到服务器，等待，然后提交表单。然后，当您加载新页面时，您使用PHP（您的标签中有它）来检查会话并回显正确的值。因此，您可以保存计时器的距离，并恢复用户在最后一页停止的位置。

查看PHP Sessions和Ajax with JQuery。

希望我理解正确。

暂停倒数计时器javascript php

1 个答案: