Помогите дописать таймер

semur123
На сайте с 06.12.2016
Offline
70
2072

Есть таймер :

Таймер работает, но когда обновляешь страницу, он начинает считать заного...

Как сделать что бы продолжал считать дальше до 25!

<center> <h2>=======> Название чего либо Episode <span id="time">5</span> COLDOWN <=======</h2> </center>

<script type="text/javascript">

function printNumbersInterval() {

var i = 5;

var timerId = setInterval(function() {

document.getElementById("time").innerHTML = (i);

if (i == 25) clearInterval(timerId);

i++;

}, 2000);

}

// вызов

printNumbersInterval();

</script>

I2
На сайте с 07.03.2015
Offline
38
#1

Записывайте в куку значение каждую итерацию, а при инициализации скрипта узнавать значение в куке, или дефолтное ставить. если куки нету (переменная i)

Качественная верстка PSD макетов (/ru/forum/974524)
CP
На сайте с 12.08.2009
Offline
101
#2

Для таких целей лучше localStorage. Куки для связки с сервером лучше использовать.

Профессиональный frontend: JS, html,css, Single-Page App (/ru/forum/964386)
ДП
На сайте с 23.11.2009
Offline
203
#3

Если есть кука - то можно прям на сервере начальное значение переменной в скрипт подставлять.

S
На сайте с 30.09.2016
Offline
469
#4
semur123:
он начинает считать заного...

Правильно надо писать "за ногу".:)

Вариант "по приколу"

<center> <h2>=======> Название чего либо Episode <span id="time"><script>window.name?document.write(window.name):document.write('5');</script></span> COLDOWN <=======</h2> </center>


<script type="text/javascript">
function printNumbersInterval(k) {
i = 5;
if(k)i=k;
var timerId = setInterval(function() {
document.getElementById("time").innerHTML = (i);
window.name=i;
if (i == 25) clearInterval(timerId);
i++;
}, 2000);
}

// вызов
printNumbersInterval(window.name);

</script>
Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
semur123
На сайте с 06.12.2016
Offline
70
#5

Если кому нада,

<center> <h2>=======> Название чего либо Episode <span id="time"></span> COLDOWN <=======</h2> </center>

<script>

function printNumbersInterval() {

var i = localStorage['currentTime'] || 1;

var timerId = setInterval(function() {

document.getElementById("time").innerHTML = (i);

console.log('i : ' + i);

if (i >= 25) {

clearInterval(timerId);

delete localStorage['currentTime'];

} else {

i++;

localStorage['currentTime'] = i;

}

}, 2000);

}

printNumbersInterval();

</script>

То что я хотел))

S
На сайте с 30.09.2016
Offline
469
#6
semur123:
То что я хотел))

А зачем Вы хотели замусорить консоль браузера?

semur123
На сайте с 06.12.2016
Offline
70
#7
Sitealert:
А зачем Вы хотели замусорить консоль браузера?

ой забыл убрать..

tatiananatolna
На сайте с 03.10.2016
Offline
25
#8

В данном случае рекомендуется использовать свойство localStorage.

S
На сайте с 30.09.2016
Offline
469
#9

tatiananatolna, посты набиваем?

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий