Java script Несколько обратных таймеров по ссылкам

@Easybitcoin · Регистрация: 28.01.2016

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

Здравствуйте !
Пока изучаю css + php и на JS времени не хватает. А на страницу нужно несколько кнопок с обратным таймером.
Я попытался сделать и получилось, но только с 1 кнопкой то есть нажимаю на кнопку перехожу в новом окне по ссылке и на основной таймер работает. Пример взял тут http://jsfiddle.net/Deonis/9hMK3/
Как только поставил 2ую то они перезапускаются все. И не знаю как сделать что бы было например 5 кнопок с ссылками и обратным таймером на каждую .
Буду очень признателен и благодарен !

@YakobsEA · 29.01.2016, 07:40

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
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
 
<p id="countdown1">Осталось секунд: <span id="sp1"></span></p>
<button id = "b1" OnClick="startCountdown('sp1', 'b1');">Поехали!</button>
 
<p id="countdown2">Осталось секунд: <span id="sp2"></span></p>
<button id = "b2" OnClick="startCountdown('sp2', 'b2');">Поехали!</button>
 
    <SCRIPT LANGUAGE="JavaScript">
    <!--
 
function startCountdown(spID, bID){
    var startFrom = 10;
    var timer;
    var countdown = document.getElementById(spID);
 
    document.getElementById(bID).style.display = "none";
    
    timer = setInterval(function(){
    startFrom--;
    countdown.innerHTML = startFrom;
        if(startFrom <= 0) {
            document.getElementById(bID).style.display = "block";
            clearInterval(timer);
        }
    },1000);
}
    // -->
    </SCRIPT>
 
</body>

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .

@Easybitcoin 0 / 0 / 0 Регистрация: 28.01.2016 Сообщений: 1

	Java script Несколько обратных таймеров по ссылкам 28.01.2016, 22:16. Показов 1432. Ответов 1 Метки нет (Все метки) Здравствуйте ! Пока изучаю css + php и на JS времени не хватает. А на страницу нужно несколько кнопок с обратным таймером. Я попытался сделать и получилось, но только с 1 кнопкой то есть нажимаю на кнопку перехожу в новом окне по ссылке и на основной таймер работает. Пример взял тут http://jsfiddle.net/Deonis/9hMK3/ Как только поставил 2ую то они перезапускаются все. И не знаю как сделать что бы было например 5 кнопок с ссылками и обратным таймером на каждую . Буду очень признателен и благодарен ! 0

Java script Несколько обратных таймеров по ссылкам

Решение