Форум программистов, компьютерный форум, киберфорум
JavaScript
Форум программистов и сисадминов Киберфорум > Форум web-программистов > JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
2 из 3 « 1 2 3 »
 
Рейтинг 4.64/160: Рейтинг темы: голосов - 160, средняя оценка - 4.64
1 / 1 / 0
Регистрация: 06.07.2015
Сообщений: 15

Запустить таймер при клике на кнопку

07.07.2015, 10:38. Показов 29795. Ответов 47
Метки нет (Все метки)
Студворк — интернет-сервис помощи студентам
Всем доброго дня нашёл таймер всё работает как нужно. Но есть проблемка. Как сделать чтобы он запускался от кнопки. Останавливался когда время закончиться и снова нажимаешь опять пошёл отсчёт. И есть ли возможность сделать чтобы кнопка была в одном месте а таймер абсолютно в другом. Но если нет так нет. Вот таймер. Всем спасибо.

HTML5
1

<span id="mT">00:00:10</span>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

t = setInterval (function() {
    var s = document.getElementById ('mT'),
    f = function (x) {
        return (x / 100).toFixed (2).substr (2)
    }, 
    d = ':',
    y = s.innerHTML.split (d), 
    z = --y [2] + y [0] * 3.6e3 + y [1] * 60;
 
    if (!z) clearInterval (t); 
    s.innerHTML = [
        f (Math.floor (z / 3600)),
        f (Math.floor (z % 3600 / 60)), 
        f (z % 3600 % 60)
    ].join (d);
}, 1000);
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
 07.07.2015, 10:38
Ответы с готовыми решениями:

Запустить таймер при нажатии на кнопку
Как сделать что бы при нажатии одной кнопки пошел таймер обратного отсчета например 1 час и через этот 1 час появилась другая кнопка.

При клике на кнопку запустить код
В общем я новичок в области web программирования и вот столкнулся с такой диалемой.Нужно при нажатии на кнопку запустить код из другого...

Как при нажатии на кнопку запустить таймер?
Проблема такая: Мне нужно чтобы при нажатии на кнопку запускался таймер. А у меня он запускается сразу после запуска программы. Как и где...

47
16 / 16 / 6
Регистрация: 02.06.2015
Сообщений: 90
09.07.2015, 21:21
Студворк — интернет-сервис помощи студентам
kalabuni, спасибо, но я писал "вопрос снят". Просто привык видеть -- в цикле, а тут сразу не понял, что т.к. функция обновляется, то это альтернатива циклу.
0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
09.07.2015, 21:24
Цитата Сообщение от zFARTz Посмотреть сообщение
Почему когда я устанавливаю допустим пять таймеров на сайт то стартует только первый по нажатию на кнопку. Жму на второй всё равно запускает первый? Работает только первый остальные не запускаются по нажатию других кнопок?
в коде используется обращение к тегу по его id с помощью метода getElementById (), а этот метод обладает замечательным свойством - в случае ошибочного наличия на странице нескольких тегов с одним и тем же id этот метод всегда возвращает только первый найденный такой тег

нельзя на странице иметь два, три и более тега с одним и тем же id
а вы, по-видимому, разместили на странице целых пять <span id="mT"></span>
0
1 / 1 / 0
Регистрация: 06.07.2015
Сообщений: 15
10.07.2015, 15:05  [ТС]
Нашли мне ещё один таймер(( но я его теперь не могу запустить((. Сам код написан правильно нужно соединить.
Прошу у Вас снова помощи...


Вот это чудо!!!!!!!!!!
HTML5
1
2
3
4
5
6
7
8
9
10
11
12

<input type="button" value="mail" onclick="Pusk(),Sl()" >
<html>
<style>
  .st{background-color:blue; 
      color:white;}
  .sp{background-color:red; 
      color:white;}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" bordercolor="#00000">
<tr><td><div class="st" id="tm">00:00:00</div></td></tr></table>
Соединить с этим кодом!!!!!!!
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

 var Timer = function(element, hours, minutes, sec, callback){
    var me = this;
    this.hours = hours;
    this.minutes = minutes;
    this.sec = sec;
    this.element = element;
    this.interval = null;
    this.callback = callback;
     
    this.reduce = function() {
        if(me.hours + me.minutes + me.sec <= 0) {
            me.stop();
            return;
        }
        me.sec-=1;
        if(me.sec<0) me.sec=00,me.minutes-=1;
        if(me.minutes<0) me.minutes=00,h-=1; 
        if(me.hours<0) me.hours=00 ;
        if(me.hours + me.minutes + me.sec==0)me.callback();
        me.sec = me.sec+"";
        me.minutes = me.minutes+"";
        me.hours = me.hours+""; 
        if (me.sec.length<2) me.sec = "0"+me.sec;
        if (me.minutes.length<2) me.minutes = "0"+me.minutes;
        if (me.hours.length<2) me.hours = "0"+me.hours;
        me.element.innerHTML=me.hours+":"+me.minutes+":"+me.sec; 
    }
     
    this.start = function(){
        me.interval = setInterval(me.reduce, 1000);
        me.element.className="sp"
    }
    this.stop = function(){
        clearInterval(me.interval);
        me.element.className="st"
    }
     
}
 
 
var timer = new Timer(document.getElementById('yourElementId'), 1, 20, 20, function(){window.open('https://mail.ru/','_blank');});
timer.start();
0
16 / 16 / 6
Регистрация: 02.06.2015
Сообщений: 90
10.07.2015, 16:39
Цитата Сообщение от zFARTz Посмотреть сообщение
Нашли мне ещё один таймер(( но я его теперь не могу запустить((. Сам код написан правильно нужно соединить.
Прошу у Вас снова помощи...
Вроде получилось. Только значение callback можно удалить, т.к. оно в функции нигде не используется. Ну и кнопки старт и стоп добавил, т.к. они были в другом варианте и стили на них расчитаны.

PHP/HTML
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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71

<!DOCTYPE html>  
<html>
<head>
    <title>111</title>
    <meta charset="utf-8"> 
    </head>
    <body>
 
<html>
<style>
  .st{background-color:blue; 
      color:white;}
  .sp{background-color:red; 
      color:white;}
</style>
</head>
<body>
    
<table border="0" cellpadding="0" cellspacing="0" bordercolor="#00000">
<tr><td><div class="st" id="tm">01:20:20</div></td></tr></table> 
<input type="button" value="старт" onclick="timer.start()" >  
<input type="button" value="стоп"  onclick="timer.stop()">   
        
        
         <script>      
 
 var Timer = function(element, hours, minutes, sec, callback){
    var me = this;
    this.hours = hours;
    this.minutes = minutes;
    this.sec = sec;
    this.element = element;
    this.interval = null;
    this.callback = callback;
     
    this.reduce = function() {
        if(me.hours + me.minutes + me.sec <= 0) {
            me.stop();
            return;
        }
        me.sec-=1;
        if(me.sec<0) me.sec=00,me.minutes-=1;
        if(me.minutes<0) me.minutes=00,h-=1; 
        if(me.hours<0) me.hours=00 ;
        if(me.hours + me.minutes + me.sec==0)me.callback();
        me.sec = me.sec+"";
        me.minutes = me.minutes+"";
        me.hours = me.hours+""; 
        if (me.sec.length<2) me.sec = "0"+me.sec;
        if (me.minutes.length<2) me.minutes = "0"+me.minutes;
        if (me.hours.length<2) me.hours = "0"+me.hours;
        me.element.innerHTML=me.hours+":"+me.minutes+":"+me.sec; 
    }
     
    this.start = function(){
        me.interval = setInterval(me.reduce, 1000);
        me.element.className="sp"
    }
    this.stop = function(){
        clearInterval(me.interval);
        me.element.className="st"
    }
     
}
 
var timer = new Timer(document.getElementById('tm'), 1, 20, 20, function(){window.open('https://mail.ru/','_blank');});
                     
    </script>
  
    </body>
</html>
0
1 / 1 / 0
Регистрация: 06.07.2015
Сообщений: 15
10.07.2015, 16:51  [ТС]
Вроде всё хорошо только при нажатии на старт не переходит на другой сайт.
0
16 / 16 / 6
Регистрация: 02.06.2015
Сообщений: 90
10.07.2015, 17:00
Цитата Сообщение от zFARTz Посмотреть сообщение
Вроде всё хорошо только при нажатии на старт не переходит на другой сайт.
Сделал чтоб переходило, заодно убрал лишний callback.

PHP/HTML
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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72

<!DOCTYPE html>  
<html>
<head>
    <title>111</title>
    <meta charset="utf-8">
    </head>
    <body>
     
<style>
  .st{background-color:blue; 
      color:white;}
  .sp{background-color:red; 
      color:white;}
</style>
</head>
<body>
    
<table border="0" cellpadding="0" cellspacing="0" bordercolor="#00000">
<tr><td><div class="st" id="tm">01:20:20</div></td></tr></table> 
<input type="button" value="старт" onclick="timer.start(),Sl()" >  
<input type="button" value="стоп"  onclick="timer.stop()">   
        
        
         <script>      
 
 var Timer = function(element, hours, minutes, sec){
    var me = this;
    this.hours = hours;
    this.minutes = minutes;
    this.sec = sec;
    this.element = element;
    this.interval = null;
    
     
    this.reduce = function() {
        if(me.hours + me.minutes + me.sec <= 0) {
            me.stop();
            return;
        }
        me.sec-=1;
        if(me.sec<0) me.sec=00,me.minutes-=1;
        if(me.minutes<0) me.minutes=00,h-=1; 
        if(me.hours<0) me.hours=00 ;
        if(me.hours + me.minutes + me.sec==0)me.callback();
        me.sec = me.sec+"";
        me.minutes = me.minutes+"";
        me.hours = me.hours+""; 
        if (me.sec.length<2) me.sec = "0"+me.sec;
        if (me.minutes.length<2) me.minutes = "0"+me.minutes;
        if (me.hours.length<2) me.hours = "0"+me.hours;
        me.element.innerHTML=me.hours+":"+me.minutes+":"+me.sec; 
    }
     
    this.start = function(){
        me.interval = setInterval(me.reduce, 1000);
        me.element.className="sp"
    }
    this.stop = function(){
        clearInterval(me.interval);
        me.element.className="st"
    }
     
}
 
var timer = new Timer(document.getElementById('tm'), 1, 20, 20);
           
 function Sl()
    {window.open('https://mail.ru/','_blank');}                       
    </script>
   
    </body>
</html>
0
1 / 1 / 0
Регистрация: 06.07.2015
Сообщений: 15
10.07.2015, 18:42  [ТС]
Всем спасибо таймер сделан. Этот вопрос решён. Возможно кто-нибудь подскажет как сделать чтобы таймер не сбрасывался при перезагрузки страницы?
0
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
11.07.2015, 09:43
zFARTz, создайте новую тему с этим вопросом
0
16 / 16 / 6
Регистрация: 02.06.2015
Сообщений: 90
11.07.2015, 22:30
Цитата Сообщение от zFARTz Посмотреть сообщение
как сделать чтобы таймер не сбрасывался при перезагрузки страницы?
PHP/HTML
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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111

<!DOCTYPE html>
<html>
<head>
     <meta charset = "utf-8">
    <title>111</title>
    
 <style>
  .st{background-color:blue; 
      color:white;}
  .sp{background-color:red; 
      color:white;}
</style>
</head>  
    <body>
         
<script>
    
 /*Установка таймера */
      var hr = "00";
      var ms = "00";
      var sc = "17";
       
    var hours = hr;
    var minutes = ms;
    var sec = sc;
    
    var Timer = function(element, hours, minutes, sec){
    var me = this;
    this.hours = hours;
    this.minutes = minutes;
    this.sec = sec;
    this.element = element;
    this.interval = null;
    
     
    this.reduce = function() {
        if(me.hours + me.minutes + me.sec <= 0) {
            me.stop();
            return;
        }
        me.sec-=1;
        if(me.sec<0) me.sec=59,me.minutes-=1;
        if(me.minutes<0) me.minutes=59,me.hours-=1; 
        if(me.hours<0) me.hours=23;
        
        localStorage.setItem('hours5', me.hours);
        localStorage.setItem('minutes5', me.minutes);
        localStorage.setItem('sec5', me.sec);
        
        me.sec = me.sec+"";
        me.minutes = me.minutes+"";
        me.hours = me.hours+""; 
        if (me.sec.length<2) me.sec = "0"+me.sec;
        if (me.minutes.length<2) me.minutes = "0"+me.minutes;
        if (me.hours.length<2) me.hours = "0"+me.hours;
        me.element.innerHTML=me.hours+":"+me.minutes+":"+me.sec; 
    }
     
    this.start = function(){      
        me.interval = setInterval(me.reduce, 1000);
        me.element.className="sp"
    }
    this.stop = function(){
        clearInterval(me.interval);
        me.element.className="st"
    }    
}
function Sl()
    {window.open('https://mail.ru/','_blank');}  
    
function startTimer(obgId) {
  /*  if(localStorage.getItem('sec5') > 0)
    {return;};*/
    
   if (localStorage.getItem('sec5') != NaN && localStorage.getItem('sec5') ==0) {
            hours = hr;
            minutes = ms;
            sec = sc; 
        
        localStorage.setItem('hours5', hr);
        localStorage.setItem('minutes5', ms);
        localStorage.setItem('sec5', sc); 
                 
        document.getElementById('tm').innerHTML = hours+":"+minutes+":"+sec; 
        };  
         
var timer = new Timer(document.getElementById(obgId), hours, minutes, sec);
    timer.start();
}  
</script>
        
 
        <table border="0" cellpadding="0" cellspacing="0" bordercolor="#00000">
<tr><td><div class="st" id="tm"></div></td></tr> 
<input type="button" value="mail" onclick="startTimer('tm');Sl()" >
            
            
      <script>
          
        if (localStorage.getItem('sec5') != NaN && localStorage.getItem('sec5') !=0) {
           var hours = localStorage.getItem('hours5');
           var minutes = localStorage.getItem('minutes5');
           var sec = localStorage.getItem('sec5'); 
             sec = sec+"";
               if (sec.length<2) sec = "0"+sec;            
     }    
          document.getElementById('tm').innerHTML = hours+":"+minutes+":"+sec;   
        </script>
            
</body>
    </html>
0
1 / 1 / 0
Регистрация: 06.07.2015
Сообщений: 15
12.07.2015, 08:54  [ТС]
Не получается запустить.
0
0 / 0 / 0
Регистрация: 24.11.2017
Сообщений: 5
24.11.2017, 11:46
Господа та же задача с таймером. Помогите! Но таймер на странице можно разместить в этом случае только один на странице, если 2 и более время не отсчитывает( , как разместить разное количество таймеров на одной странице?

Добавлено через 1 минуту
PHP/HTML
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

<html>
<head>
<style>
  .st{background-color:blue; 
      color:white;}
  .sp{background-color:red; 
      color:white;}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" bordercolor="#00000">
<tr><td><div class="st" id="tm">00:00:11</div></td></tr></table> 
<script><!--
     var s=11 //секунды
     var m=00 //минуты
     var h=00 //часы
     var r=0; var tt=0;
    function T()
    {s-=1;
     if(s<0) s=59,m-=1;
     if(m<0) m=59,h-=1;   
     if(h<0) h=23     
     if(s+m+h==0)T3()       
     s = s+"";
     m = m+"";
     h = h+""; 
     if (s.length<2) s = "0"+s;
     if (m.length<2) m = "0"+m;
     if (h.length<2) h = "0"+h;
     tm.innerHTML=h+":"+m+":"+s }        
    function Pusk()
        {if(!r){r=1;T2()}}
    function T2() 
        {if(s+m+h==0)s=11,m=00,h=00;
        tt=setInterval("T()",1000)
        tm.className="sp"} // включает красную рамку           
    function T3()
        {clearInterval(tt);r=0
        tm.className="st"} // включает синию рамку                
    function Sl()
    {window.open('http://www.____________________','_blank','toolbar=1,location=1, status=1, menubar=1,scrollbars=1,resizable=1')}
--></script>
 
<input type="button" value="старт" onclick="Pusk(),Sl()" >  
<input type="button" value="стоп"  onclick="T3()">
</body>
</html>
0
16 / 16 / 6
Регистрация: 02.06.2015
Сообщений: 90
24.11.2017, 12:39
Цитата Сообщение от 77227755 Посмотреть сообщение
как разместить разное количество таймеров на одной странице?
Можно продублировать код поменяв названия переменных и функций.
PHP/HTML
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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124

<html>
<head>
    <style>
        .st {
            background-color: blue;
            color: white;
        }
 
        .sp {
            background-color: red;
            color: white;
        }
    </style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" bordercolor="#00000">
    <tr>
        <td>
            <div class="st" id="tm">00:00:11</div>
        </td>
    </tr>
</table>
 
<script>
    var s = 11 //секунды
    var m = 00 //минуты
    var h = 00 //часы
    var r = 0;
    var tt = 0;
    function T() {
        s -= 1;
        if (s < 0) s = 59, m -= 1;
        if (m < 0) m = 59, h -= 1;
        if (h < 0) h = 23
        if (s + m + h == 0) T3()
        s = s + "";
        m = m + "";
        h = h + "";
        if (s.length < 2) s = "0" + s;
        if (m.length < 2) m = "0" + m;
        if (h.length < 2) h = "0" + h;
        tm.innerHTML = h + ":" + m + ":" + s
    }
    function Pusk() {
        if (!r) {
            r = 1;
            T2()
        }
    }
    function T2() {
        if (s + m + h == 0) s = 11, m = 00, h = 00;
        tt = setInterval("T()", 1000)
        tm.className = "sp"
    } // включает красную рамку
    function T3() {
        clearInterval(tt);
        r = 0
        tm.className = "st"
    } // включает синию рамку
    function Sl() {
        window.open('http://www.____________________', '_blank', 'toolbar=1,location=1, status=1, menubar=1,scrollbars=1,resizable=1')
    }
</script>
 
<input type="button" value="старт" onclick="Pusk(),Sl()">
<input type="button" value="стоп" onclick="T3()">
 
 
<br><br><br>
 
 
<table border="0" cellpadding="0" cellspacing="0" bordercolor="#00000">
    <tr>
        <td>
            <div class="st" id="tm2">00:00:11</div>
        </td>
    </tr>
</table>
 
<script>
    var s2 = 11 //секунды
    var m2 = 00 //минуты
    var h2 = 00 //часы
    var r2 = 0;
    var tt2 = 0;
    function TD() {
        s2 -= 1;
        if (s2 < 0) s2 = 59, m2 -= 1;
        if (m2 < 0) m2 = 59, h2 -= 1;
        if (h2 < 0) h2 = 23
        if (s2 + m2 + h2 == 0) T33()
        s2 = s2 + "";
        m2 = m2 + "";
        h2 = h2 + "";
        if (s2.length < 2) s2 = "0" + s2;
        if (m2.length < 2) m2 = "0" + m2;
        if (h2.length < 2) h2 = "0" + h2;
        tm2.innerHTML = h2 + ":" + m2 + ":" + s2
    }
    function Pusk2() {
        if (!r2) {
            r2 = 1;
            T22()
        }
    }
    function T22() {
        if (s2 + m2 + h2 == 0) s2 = 11, m2 = 00, h2 = 00;
        tt2 = setInterval("TD()", 1000)
        tm2.className = "sp"
    } // включает красную рамку
    function T33() {
        clearInterval(tt2);
        r2 = 0
        tm2.className = "st"
    } // включает синию рамку
    function Sl2() {
        window.open('http://www.____________________2', '_blank', 'toolbar=1,location=1, status=1, menubar=1,scrollbars=1,resizable=1')
    }
</script>
 
<input type="button" value="старт" onclick="Pusk2(),Sl2()">
<input type="button" value="стоп" onclick="T33()">
</body>
</html>
0
0 / 0 / 0
Регистрация: 24.11.2017
Сообщений: 5
24.11.2017, 12:52
Спасибо Вам! Работает!
0
Эксперт JS
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
24.11.2017, 13:42
arni1980, а если у вас на странице будет 100 таймеров или они будут добавляться динамично?
0
16 / 16 / 6
Регистрация: 02.06.2015
Сообщений: 90
24.11.2017, 13:50
Цитата Сообщение от Balanaar Посмотреть сообщение
а если у вас на странице будет 100 таймеров или они будут добавляться динамично?
Тогда нужно будет напрячься. А пока человека устроил такой вариант.
0
0 / 0 / 0
Регистрация: 24.11.2017
Сообщений: 5
24.11.2017, 13:58
Задача в принципе такая.
Есть кнопка-таймер, при нажатии на КНОПКУ переход по ссылке на сайт который открылся в новом окне и начался обратный отсчет. При повторном нажатии на кнопку отсчет идет прежний (не по новой), переход на страницу работает. Таких кнопок будет с разным временем отсчета на одной странице ну думаю до 100 может и чуть больше не больше 200.
Но есть еще одна проблема при обновлении страницы все запущенные таймеры сбрасываются...даже не знаю помогут ли мне здесь на бесплатной основе) (в программировании я "сиди я сам открою")...хоть без обновлении страницы таймеры работают уже хорошо. Спасибо за помощь! если будут идеи или желание спасибо мужики! Напишите как сделать...
Миниатюры
Запустить таймер при клике на кнопку  
0
Эксперт JS
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
24.11.2017, 14:16
Довольно интересная задача. Возьмусь, если появится свободное время в ближайшее время, будет ещё актуально, и никто не предложит своего варианта.
А вообще - используйте локальное хранилище. Запоминайте там время клика по кнопке, а при обновлении страницы, доставайте оттуда значения, вычисляйте, сколько времени прошло, и восстанавливайте таймеры.
0
0 / 0 / 0
Регистрация: 29.05.2010
Сообщений: 18
21.12.2017, 16:49
Подскажите,а можно ли реализовать большое количество таких таймеров на одной странице? И как это сделать?

Добавлено через 17 минут
Очень интересует данный момент "кнопка - таймер" на одной странице до 100 и более штук и чтобы не сбрасывались при перезагрузке страницы. Подскажите, пожалуйста, у кого есть ответ
0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
22.12.2017, 12:08
Цитата Сообщение от Remedy Посмотреть сообщение
Подскажите,а можно ли реализовать большое количество таких таймеров на одной странице? И как это сделать?
Добавлено через 17 минут
Очень интересует данный момент "кнопка - таймер" на одной странице до 100 и более штук и чтобы не сбрасывались при перезагрузке страницы. Подскажите, пожалуйста, у кого есть ответ
реализовать, разумеется, можно, хоть 100 штук, хоть миллион
в том числе можно сделать так, чтобы все эти таймеры в момент начала обновления страницы остановились, а после окончания обновления страницы снова "пошли".
Не могу, правда, понять, кому и зачем это может понадобиться на практике, но это, как говорится, не моё дело

Чтобы приступить к реализации, необходимо получить от вас ответы на всего два вопроса:
1) все эти "100 и более штук таймеров" отсчитывают один и тот же таймаут (промежуток времени), или у каждого -- свой собственный?
2) кнопка "Старт", запускающая таймер, на странице будет одна для всех, или для каждого -- своя собственная, или вообще не надо таких кнопок и все таймеры должны сами автоматически начать отсчёт при самой первой загрузке страницы?
0
0 / 0 / 0
Регистрация: 24.11.2017
Сообщений: 5
22.12.2017, 12:11
ИМХО...нужно это для хаба биткоин-кранов. При переходе по каждой ссылке пользователь должен видеть время сколько ему можно на данный ресурс не заходить, что бы каждый раз не смотреть время на ресурсе...
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
 22.12.2017, 12:11
Помогаю со студенческими работами здесь

Как при нажатии на кнопку формы1 запустить таймер, который на форме2?
Здравствуйте, уважаемые! Такой вопросик у меня: Прогу пишу в С++билдер, есть две форма, на первой кнопа при нажатии на которую...

При нажатии на кнопку таймер запустить, после выполнения последней функции остановить
'Извиняюсь за дубляж темы, не знаю куда податься :-) Здравствуйте. Хочу сделать так- при нажатии на кнопку таймер запустить,...

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

Таймер при клике на ссылку
Доброго всем Здравия! Нашел в интернете скрипт, который может запускать таймер с открытием странички после нажатия на кнопку. Но, после...

Запустить процесс при клике на Label
привет всем! прощу помочь. есть на форме label1 при нажатие на lable1 должен открывается файл D:\f1\311.doc как можно это сделать


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
40
Ответ Создать тему
2 из 3 « 1 2 3 »
Новые блоги и статьи
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
 Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
 Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru