Показать сообщение отдельно
  #1 (permalink)  
Старый 26.07.2015, 18:13
Новичок на форуме
Отправить личное сообщение для AlexSoul Посмотреть профиль Найти все сообщения от AlexSoul
 
Регистрация: 26.07.2015
Сообщений: 8

Таймер и куки
Здравствуйте... Требуется сделать таймер обратного отсчета на форуме. Сам отсчет таймера производится отлично...но при обновлении сбрасывается и считает заново...вычитал что решается проблема путём использования куков...но не могу никак разобраться с ними...совсем новичек в этом деле поэтому прошу строго не судить...весь гугл облазил но так и не понял как реализовать
вот что получилось на данном этапе:
<script type="text/javascript">
function set_cookie ( name, value, exp_y, exp_m, exp_d, path, domain, secure )
{
  var cookie_string = name + "=" + escape ( value );
 
  if ( exp_y )
  {
    var expires = new Date ( exp_y, exp_m, exp_d );
    cookie_string += "; expires=" + expires.toGMTString();
  }
 
  if ( path )
        cookie_string += "; path=" + escape ( path );
 
  if ( domain )
        cookie_string += "; domain=" + escape ( domain );
  
  if ( secure )
        cookie_string += "; secure";
  
  document.cookie = cookie_string;
}

function get_cookie ( cookie_name )
{
  var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );
 
  if ( results )
    return ( unescape ( results[2] ) );
  else
    return null;
}

function startTimer() {
var my_timer = document.getElementById("my_timer");
var time = my_timer.innerHTML;
var arr = time.split(":");
var h = arr[0];
var m = arr[1];
var s = arr[2];
if (s == 0) {
if (m == 0) {
if (h == 0) {
alert("Время вышло");
window.location.reload();
return;
}
h--;
m = 60;
if (h < 10) h = "0" + h;
}
m--;
if (m < 10) m = "0" + m;
s = 59;
}
else s--;
if (s < 10) s = "0" + s;
document.getElementById("my_timer").innerHTML = h+":"+m+":"+s;
setTimeout(startTimer, 1000);
}

if(getCookie('countdown')){
    countdown4 = getCookie('countdown');
};


</script>
 
<span id="my_timer" style="color: #f00; font-size: 100%; font-weight: bold;">02:00:00</span>
<input type="button" value="Запустить таймер" onClick=startTimer("my_timer") >
Ответить с цитированием