пауза таймер обратного отсчета - PullRequest
Новая
       13

пауза таймер обратного отсчета

0 голосов
/ 02 ноября 2011 
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;
}

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

1 Ответ

0 голосов
/ 02 ноября 2011

Если я правильно вас понимаю, вы хотите, чтобы таймер сохранялся на всех страницах, чтобы даже если вы перезагрузите страницу, таймер был приостановлен или продолжал считать, где он остановился?

Если это так, решением было бы отправить ajax-запрос на сервер, подождать, а затем отправить форму. Затем, когда вы загружаете новую страницу, вы используете PHP (он есть в ваших тегах), чтобы проверить сессию и отобразить правильное значение. Таким образом, вы можете сохранить расстояние до таймера и продолжить с того места, где пользователь остановился на последней странице.

Посмотрите на Сессии PHP и Ajax с JQuery .

Надеюсь, я правильно понял.

...