Таймер при обновлении страницы сбивается и отчет идет заново

@gamewizard · Регистрация: 24.07.2014

Студворк — интернет-сервис помощи студентам

Здравствуйте, помогите пожалуйста решить проблему.
У меня есть таймер, и при обновлении страницы он сбивается и отчет идет заново.

Вот код таймера:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
countdown = 2073600;
// Converting date difference from seconds to actual time
function convert_to_time(secs) {
    secs = parseInt(secs);  
    hh = secs / 3600;   
    hh = parseInt(hh);
    mmt = secs - (hh * 3600);
    mm = mmt / 60;  
    mm = parseInt(mm);  
    ss = mmt - (mm * 60);   
        
    if (hh > 23) {
       dd = hh / 24;    
       dd = parseInt(dd);   
       hh = hh - (dd * 24); 
    } else { dd = 0; }  
        
    if (ss < 10) { ss = "0"+ss; }   
    if (mm < 10) { mm = "0"+mm; }   
    if (hh < 10) { hh = "0"+hh; }   
    if (dd < 10) { dd = "0"+dd; }   
    if (dd == 0) { dd = "00"; } 
    ss = ss.toString().split('');
    mm = mm.toString().split('');
    hh = hh.toString().split(''); 
    dd = dd.toString().split('');
    return ("<div class='days'><p class='num"+dd[0]+"'></p><p class='num"+dd[1]+"'></p></div>\
        <div class='time'>\
        <p class='num"+hh[0]+"'></p><p class='num"+hh[1]+"'></p>\
        <p class='numdot'></p>\
        <p class='num"+mm[0]+"'></p><p class='num"+mm[1]+"'></p>\
        <p class='numdot'></p>\
        <p class='num"+ss[0]+"'></p><p class='num"+ss[1]+"'></p>\
        </div>");
}
 
                                            
                                            
 
// Our function that will do the actual countdown
function do_cd() {
    if (countdown < 0) {    
        document.getElementById('timer').innerHTML = "";
    } else {
        //alert(convert_to_time(countdown));
        document.getElementById('timer').innerHTML = convert_to_time(countdown);
        setTimeout('do_cd()', 1000);
    }   
    countdown = countdown - 1;  
}
 
do_cd();

@Thisman · 24.07.2014, 17:02

gamewizard, так ясень пень, он будет сбиваться, это же JS, обновляя страничку, ты весь код запускаешь заново. Как вариант сохраняй все в localstorage и доставай от туда, если данных нет, только тогда начинай с нуля
Что-нибудь на подобии:

JavaScript
1
2
3
var start = localStorage.getItem("currentTime") || 0; // будет переменная, которая отвечает за начало отсчета
var currentTime; // сюда при каждом выполнении функции таймера заноси время
localStorage["currentTime"] = currentTime // а так сохраняем текущее время

@gamewizard · 24.07.2014, 17:37 **[ТС]**

и куда я должен это вставить? помогите пожалуйста)

@Thisman · 24.07.2014, 19:38

gamewizard,

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// заменяй строки на вот эти
var countdown = localStorage["currentTime"] || 2073600; 
/* ... */
 
function do_cd() {
    if (countdown < 0) {    
        document.getElementById('timer').innerHTML = "";
    } else {
        //alert(convert_to_time(countdown));
        document.getElementById('timer').innerHTML = convert_to_time(countdown);
        setTimeout('do_cd()', 1000);
    }   
    countdown = countdown - 1;
    localStroge["currentTime"] = countdown; // запоминаем время
}
 
/* ... */

@gamewizard · 24.07.2014, 19:52 **[ТС]**

Сделал так, не работает(((

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
countdown = 2073600;
// Converting date difference from seconds to actual time
function convert_to_time(secs) {
    secs = parseInt(secs);  
    hh = secs / 3600;   
    hh = parseInt(hh);
    mmt = secs - (hh * 3600);
    mm = mmt / 60;  
    mm = parseInt(mm);  
    ss = mmt - (mm * 60);   
        
    if (hh > 23) {
       dd = hh / 24;    
       dd = parseInt(dd);   
       hh = hh - (dd * 24); 
    } else { dd = 0; }  
        
    if (ss < 10) { ss = "0"+ss; }   
    if (mm < 10) { mm = "0"+mm; }   
    if (hh < 10) { hh = "0"+hh; }   
    if (dd < 10) { dd = "0"+dd; }   
    if (dd == 0) { dd = "00"; } 
    ss = ss.toString().split('');
    mm = mm.toString().split('');
    hh = hh.toString().split(''); 
    dd = dd.toString().split('');
    return ("<div class='days'><p class='num"+dd[0]+"'></p><p class='num"+dd[1]+"'></p></div>\
        <div class='time'>\
        <p class='num"+hh[0]+"'></p><p class='num"+hh[1]+"'></p>\
        <p class='numdot'></p>\
        <p class='num"+mm[0]+"'></p><p class='num"+mm[1]+"'></p>\
        <p class='numdot'></p>\
        <p class='num"+ss[0]+"'></p><p class='num"+ss[1]+"'></p>\
        </div>");
}
 
                                            
                                            
 
// заменяй строки на вот эти
var countdown = localStorage["currentTime"] || 2073600; 
/* ... */
 
do_cd();

@Thisman · 24.07.2014, 21:35

gamewizard, я же ясно написал, что заменяй СТРОКИ, а не удали функцию, и подставь мою первую строку:
это

Сообщение от gamewizard

JavaScript
1
countdown = 2073600;

замени на

Сообщение от Thisman

JavaScript
1
var countdown = localStorage["currentTime"] || 2073600;

это

Сообщение от gamewizard

JavaScript
1
2
3
4
5
6
7
8
9
10
function do_cd() {
    if (countdown < 0) {    
        document.getElementById('timer').innerHTML = "";
    } else {
        //alert(convert_to_time(countdown));
        document.getElementById('timer').innerHTML = convert_to_time(countdown);
        setTimeout('do_cd()', 1000);
    }   
    countdown = countdown - 1;
}

замени на это

Сообщение от Thisman

JavaScript
1
2
3
4
5
6
7
8
9
10
11
function do_cd() {
    if (countdown < 0) {    
        document.getElementById('timer').innerHTML = "";
    } else {
        //alert(convert_to_time(countdown));
        document.getElementById('timer').innerHTML = convert_to_time(countdown);
        setTimeout('do_cd()', 1000);
    }   
    countdown = countdown - 1;
    localStroge["currentTime"] = countdown; // запоминаем время
}

@gamewizard · 24.07.2014, 22:36 **[ТС]**

вообщем не работает, не знаю что тут делать, помогите)

@MVS76 · 25.07.2014, 02:45

Вот посмотрите

@Thisman · 25.07.2014, 07:55

gamewizard,

JavaScript
1
2
3
4
5
6
7
    var edge = localStorage["currentTime"] || 2500;
    function tickTack () {
        edge--;
        localStorage["currentTime"] = edge;
        document.body.innerHTML = edge;
    }
    setInterval(tickTack,1000);

Вот рабочий таймер, который сохраняет время
Даже если ты закроешь вкладку, и потом снова зайдешь, время возьмется из localStorage

@gamewizard · 25.07.2014, 12:44 **[ТС]**

пожалуйста вставь в код, и кинь сюда, а то я не знаю куда это вставлять

@Thisman · 25.07.2014, 12:55

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
var  countdown = localStorage["currentTime"] || 2073601;
// Converting date difference from seconds to actual time
function convert_to_time(secs) {
    secs = parseInt(secs);  
    hh = secs / 3600;   
    hh = parseInt(hh);
    mmt = secs - (hh * 3600);
    mm = mmt / 60;  
    mm = parseInt(mm);  
    ss = mmt - (mm * 60);   
        
    if (hh > 23) {
       dd = hh / 24;    
       dd = parseInt(dd);   
       hh = hh - (dd * 24); 
    } else { dd = 0; }  
        
    if (ss < 10) { ss = "0"+ss; }   
    if (mm < 10) { mm = "0"+mm; }   
    if (hh < 10) { hh = "0"+hh; }   
    if (dd < 10) { dd = "0"+dd; }   
    if (dd == 0) { dd = "00"; } 
    ss = ss.toString().split('');
    mm = mm.toString().split('');
    hh = hh.toString().split(''); 
    dd = dd.toString().split('');
    return ("<div class='days'><p class='num"+dd[0]+"'></p><p class='num"+dd[1]+"'></p></div>\
        <div class='time'>\
        <p class='num"+hh[0]+"'></p><p class='num"+hh[1]+"'></p>\
        <p class='numdot'></p>\
        <p class='num"+mm[0]+"'></p><p class='num"+mm[1]+"'></p>\
        <p class='numdot'></p>\
        <p class='num"+ss[0]+"'></p><p class='num"+ss[1]+"'></p>\
        </div>");
}
 
                                            
                                            
 
// Our function that will do the actual countdown
function do_cd() {
    countdown = countdown - 1;
    localStorage["currentTime"] = countdown;
    if (countdown < 0) {    
        document.getElementById('timer').innerHTML = "";
    } else {
        //alert(convert_to_time(countdown));
        document.getElementById('timer').innerHTML = convert_to_time(countdown);
        setTimeout('do_cd()', 1000);
    }   
}
 
do_cd();

@MVS76 · 25.07.2014, 13:08

Сообщение от Thisman

localStorage

Не отрабатывает в недобраузерах, а ими еще пользуются

@Thisman · 25.07.2014, 13:21

MVS76, можно использовать тогда куки, ну или же отправлять запрос ~~слишком глупо~~ на сервер

@gamewizard · 25.07.2014, 13:32 **[ТС]**

Thisman молодец, респект

@Thisman · 25.07.2014, 13:35

gamewizard, заработало?

@gamewizard · 25.07.2014, 13:40 **[ТС]**

а как теперь мне добавить например 24 дня к открытию?
ставил и так и так, время не меняется

JavaScript
1
2
var  countdown = localStorage["currentTime"] || 22073600;
var  countdown = localStorage["currentTime"] || 122073600;

@Thisman · 25.07.2014, 14:04

gamewizard, если делаешь это на своем компе, где проверял первый раз мою функцию, то тебе нужно будет сначала отчистить хранилище ( там все еще храниться данные старые ) ,а потом уже меняй макс значение и тестирую

Чиститься :

JavaScript
1
localStorage.clear()

@gamewizard · 25.07.2014, 14:08 **[ТС]**

разобрался

JavaScript
1
var  countdown = localStorage["currentTime"] || 22073600;

надо было стереть одну палочку

JavaScript
1
var  countdown = localStorage["currentTime"] | 22073600;

Спасибо тебе большое что помог Thisman, спасибку поставил)

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .

@gamewizard 0 / 0 / 0 Регистрация: 24.07.2014 Сообщений: 8
	24.07.2014, 17:37 [ТС]
	и куда я должен это вставить? помогите пожалуйста) 0

@gamewizard 0 / 0 / 0 Регистрация: 24.07.2014 Сообщений: 8
	24.07.2014, 22:36 [ТС]
	вообщем не работает, не знаю что тут делать, помогите) 0

@MVS76 Не мoдepaтор 340 / 315 / 94 Регистрация: 07.07.2012 Сообщений: 1,040 Записей в блоге: 7
	25.07.2014, 02:45
	Вот посмотрите 0

@gamewizard 0 / 0 / 0 Регистрация: 24.07.2014 Сообщений: 8
	25.07.2014, 12:44 [ТС]
	пожалуйста вставь в код, и кинь сюда, а то я не знаю куда это вставлять 0

@Thisman Модератор 771 / 352 / 142 Регистрация: 17.07.2013 Сообщений: 992
	25.07.2014, 13:21
	MVS76, можно использовать тогда куки, ну или же отправлять запрос ~~слишком глупо~~ на сервер 0

@gamewizard 0 / 0 / 0 Регистрация: 24.07.2014 Сообщений: 8
	25.07.2014, 13:32 [ТС]
	Thisman молодец, респект 0

@Thisman Модератор 771 / 352 / 142 Регистрация: 17.07.2013 Сообщений: 992
	25.07.2014, 13:35
	gamewizard, заработало? 0

Таймер при обновлении страницы сбивается и отчет идет заново

Решение