С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript
Форум программистов и сисадминов Киберфорум > Форум вебмастеров > JavaScript
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.64/11: Рейтинг темы: голосов - 11, средняя оценка - 4.64
0 / 0 / 0
Регистрация: 05.11.2013
Сообщений: 112
1

Можно ли один и тот же скрипт таймера использовать в двух местах на одной и той же странице

15.02.2014, 20:28. Показов 2089. Ответов 8
Метки нет (Все метки)
Author24 — интернет-сервис помощи студентам
Помогите плиз. Какой же яваскрипт тяжелый в изучении... Можно ли один и тот же скрипт таймера использовать в двух местах на одной и той же странице? Это сложно реализовать?
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
54
55
56
57
58
59
60

<script type="text/javascript">
    day = 0; hour= 6; minute= 25; sec= 31;
    function CountBox() {
        dateNow = new Date;
        amount = dateFuture - dateNow.getTime() + 5;
        delete dateNow;
        if (amount < 0) {
            out = "<div class='countbox-num'><div id='countbox-days1'><span></span>0</div><div id='countbox-days2'><span></span>0</div><div id='countbox-days-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-hours1'><span></span>0</div><div id='countbox-hours2'><span></span>0</div><div id='countbox-hours-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-mins1'><span></span>0</div><div id='countbox-mins2'><span></span>0</div><div id='countbox-mins-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-secs1'><span></span>0</div><div id='countbox-secs2'><span></span>0</div><div id='countbox-secs-text'></div></div>";
            document.getElementById("countbox").innerHTML = out
        } else {
            days = 0;
            days1 = 0;
            days2 = 0;
            hours = 0;
            hours1 = 0;
            hours2 = 0;
            mins = 0;
            mins1 = 0;
            mins2 = 0;
            secs = 0;
            secs1 = 0;
            secs2 = 0;
            out = "";
            amount = Math.floor(amount / 1e3);
            days = Math.floor(amount / 86400);
            days1 = (days >= 10) ? days.toString().charAt(0) : '0';
            days2 = (days >= 10) ? days.toString().charAt(1) : days.toString().charAt(0);
            amount = amount % 86400;
            hours = Math.floor(amount / 3600);
            hours1 = (hours >= 10) ? hours.toString().charAt(0) : '0';
            hours2 = (hours >= 10) ? hours.toString().charAt(1) : hours.toString().charAt(0);
            amount = amount % 3600;
            mins = Math.floor(amount / 60);
            mins1 = (mins >= 10) ? mins.toString().charAt(0) : '0';
            mins2 = (mins >= 10) ? mins.toString().charAt(1) : mins.toString().charAt(0);
            amount = amount % 60;
            secs = Math.floor(amount);
            secs1 = (secs >= 10) ? secs.toString().charAt(0) : '0';
            secs2 = (secs >= 10) ? secs.toString().charAt(1) : secs.toString().charAt(0);
            out = "<div class='countbox-num'><div id='countbox-days1'><span></span>" + days1 + "</div><div id='countbox-days2'><span></span>" + days2 + "</div><div id='countbox-days-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-hours1'><span></span>" + hours1 + "</div><div id='countbox-hours2'><span></span>" + hours2 + "</div><div id='countbox-hours-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-mins1'><span></span>" + mins1 + "</div><div id='countbox-mins2'><span></span>" + mins2 + "</div><div id='countbox-mins-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-secs1'><span></span>" + secs1 + "</div><div id='countbox-secs2'><span></span>" + secs2 + "</div><div id='countbox-secs-text'></div></div>";
            document.getElementById("countbox").innerHTML = out;
            setTimeout("CountBox()", 1e3)
        }
    }
    dateFuture = new Date().getTime() + ((day*24 + hour)*60*60 + minute*60 + sec)*1000;
    window.onload = function () {
        CountBox()
    }
В 4 строке ошибки нет? Можете проверить? Пишет что синтаксическая ошибка, не пойму почему. Я этот скрипт попытался вынести в отдельный файл. Но таймер переставал работать. Пришлось прописать в html что не есть хорошо? Может кто знает какие могут быть причины?
0
Лучшие ответы (1)
Сообщение: #5786544
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
 15.02.2014, 20:28
Ответы с готовыми решениями:

Как можно использовать один и тот же скрипт VideoView на двух лайоутах?
Есть такой простенький код для VideoView. Подскажите пожалуйста, как можно использовать этот класс...

Использование одной и той же кнопки в двух разных местах
Существует необходимость использования одной и той же кнопки в двух разных местах, можно ли...

Почему не запускается один и тот же скрипт, подключённый в двух файлах?
Подскажите пожалуйста. Имеется две страницы с почти одинаковым содержимым &lt;head&gt; примерно такого...

Можно ли в разных lock() одновременно использовать один и тот же объект синхронизации
Можно ли в разных lock() одновременно использовать один и тот же объект синхронизации для доступа к...

8
636 / 523 / 195
Регистрация: 19.08.2013
Сообщений: 1,400
15.02.2014, 21:21 2
Ничего не понял Большего количества глобальных переменных не видел нигде (отсюда возможно и проблема с внешним файлом). Проверил у себя в браузере...ошибок нет...меняются какие-то цифорки Смысл функции не понял вообще! Для чего она нужна? По названию понял, что это типа какой-то коробки с хламом
1
0 / 0 / 0
Регистрация: 05.11.2013
Сообщений: 112
15.02.2014, 21:23  [ТС] 3
Это таймер, который начинает отсчет заново при каждом обновлении страницы
0
636 / 523 / 195
Регистрация: 19.08.2013
Сообщений: 1,400
15.02.2014, 21:27 4
Это таймер, который начинает отсчет заново при каждом обновлении страницы
Хорошо, так не понятно, что нужно то? ошибок в консоле нет что-то там тикает не понятно, что надо сделать...
0
0 / 0 / 0
Регистрация: 05.11.2013
Сообщений: 112
15.02.2014, 21:43  [ТС] 5
Вопрос был сверху. Тяжело ли будет переделать код, для того чтобы использовать этот скрипт на нескольких местах одной страницы. 2 скрипта вместе на странице не работают у меня:
0
636 / 523 / 195
Регистрация: 19.08.2013
Сообщений: 1,400
15.02.2014, 22:30 6
Тяжело ли будет переделать код, для того чтобы использовать этот скрипт на нескольких местах одной страницы.
то есть так?
HTML5
1
2
3

<div id="countbox"></div>
 
  <div id="countbox-2"></div>
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
54
55
56
57
58
59
60

day = 0; hour= 6; minute= 25; sec= 31;
    function CountBox(boxId) {
        dateNow = new Date;
        amount = dateFuture - dateNow.getTime() + 5;
        delete dateNow;
        if (amount < 0) {
            out = "<div class='countbox-num'><div id='countbox-days1'><span></span>0</div><div id='countbox-days2'><span></span>0</div><div id='countbox-days-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-hours1'><span></span>0</div><div id='countbox-hours2'><span></span>0</div><div id='countbox-hours-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-mins1'><span></span>0</div><div id='countbox-mins2'><span></span>0</div><div id='countbox-mins-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-secs1'><span></span>0</div><div id='countbox-secs2'><span></span>0</div><div id='countbox-secs-text'></div></div>";
            document.getElementById(boxId).innerHTML = out
        } else {
            days = 0;
            days1 = 0;
            days2 = 0;
            hours = 0;
            hours1 = 0;
            hours2 = 0;
            mins = 0;
            mins1 = 0;
            mins2 = 0;
            secs = 0;
            secs1 = 0;
            secs2 = 0;
            out = "";
            amount = Math.floor(amount / 1e3);
            days = Math.floor(amount / 86400);
            days1 = (days >= 10) ? days.toString().charAt(0) : '0';
            days2 = (days >= 10) ? days.toString().charAt(1) : days.toString().charAt(0);
            amount = amount % 86400;
            hours = Math.floor(amount / 3600);
            hours1 = (hours >= 10) ? hours.toString().charAt(0) : '0';
            hours2 = (hours >= 10) ? hours.toString().charAt(1) : hours.toString().charAt(0);
            amount = amount % 3600;
            mins = Math.floor(amount / 60);
            mins1 = (mins >= 10) ? mins.toString().charAt(0) : '0';
            mins2 = (mins >= 10) ? mins.toString().charAt(1) : mins.toString().charAt(0);
            amount = amount % 60;
            secs = Math.floor(amount);
            secs1 = (secs >= 10) ? secs.toString().charAt(0) : '0';
            secs2 = (secs >= 10) ? secs.toString().charAt(1) : secs.toString().charAt(0);
            out = "<div class='countbox-num'><div id='countbox-days1'><span></span>" + days1 + "</div><div id='countbox-days2'><span></span>" + days2 + "</div><div id='countbox-days-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-hours1'><span></span>" + hours1 + "</div><div id='countbox-hours2'><span></span>" + hours2 + "</div><div id='countbox-hours-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-mins1'><span></span>" + mins1 + "</div><div id='countbox-mins2'><span></span>" + mins2 + "</div><div id='countbox-mins-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-secs1'><span></span>" + secs1 + "</div><div id='countbox-secs2'><span></span>" + secs2 + "</div><div id='countbox-secs-text'></div></div>";
            document.getElementById(boxId).innerHTML = out;
            setTimeout("CountBox()", 1e3)
        }
    }
    dateFuture = new Date().getTime() + ((day*24 + hour)*60*60 + minute*60 + sec)*1000;
    window.onload = function () {
        CountBox('countbox');
        CountBox('countbox-2');
}
1
0 / 0 / 0
Регистрация: 05.11.2013
Сообщений: 112
15.02.2014, 22:58  [ТС] 7
Таймер замер
0
636 / 523 / 195
Регистрация: 19.08.2013
Сообщений: 1,400
15.02.2014, 23:04 8
Лучший ответ Сообщение было отмечено Айдар94 как решение

Решение

Таймер замер
ага не проверил как следует
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
54
55
56
57
58
59
60
61
62

day = 0; hour= 6; minute= 25; sec= 31;
    function CountBox(boxId) {
        dateNow = new Date;
        amount = dateFuture - dateNow.getTime() + 5;
        delete dateNow;
        if (amount < 0) {
            out = "<div class='countbox-num'><div id='countbox-days1'><span></span>0</div><div id='countbox-days2'><span></span>0</div><div id='countbox-days-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-hours1'><span></span>0</div><div id='countbox-hours2'><span></span>0</div><div id='countbox-hours-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-mins1'><span></span>0</div><div id='countbox-mins2'><span></span>0</div><div id='countbox-mins-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-secs1'><span></span>0</div><div id='countbox-secs2'><span></span>0</div><div id='countbox-secs-text'></div></div>";
            document.getElementById(boxId).innerHTML = out
        } else {
            days = 0;
            days1 = 0;
            days2 = 0;
            hours = 0;
            hours1 = 0;
            hours2 = 0;
            mins = 0;
            mins1 = 0;
            mins2 = 0;
            secs = 0;
            secs1 = 0;
            secs2 = 0;
            out = "";
            amount = Math.floor(amount / 1e3);
            days = Math.floor(amount / 86400);
            days1 = (days >= 10) ? days.toString().charAt(0) : '0';
            days2 = (days >= 10) ? days.toString().charAt(1) : days.toString().charAt(0);
            amount = amount % 86400;
            hours = Math.floor(amount / 3600);
            hours1 = (hours >= 10) ? hours.toString().charAt(0) : '0';
            hours2 = (hours >= 10) ? hours.toString().charAt(1) : hours.toString().charAt(0);
            amount = amount % 3600;
            mins = Math.floor(amount / 60);
            mins1 = (mins >= 10) ? mins.toString().charAt(0) : '0';
            mins2 = (mins >= 10) ? mins.toString().charAt(1) : mins.toString().charAt(0);
            amount = amount % 60;
            secs = Math.floor(amount);
            secs1 = (secs >= 10) ? secs.toString().charAt(0) : '0';
            secs2 = (secs >= 10) ? secs.toString().charAt(1) : secs.toString().charAt(0);
            out = "<div class='countbox-num'><div id='countbox-days1'><span></span>" + days1 + "</div><div id='countbox-days2'><span></span>" + days2 + "</div><div id='countbox-days-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-hours1'><span></span>" + hours1 + "</div><div id='countbox-hours2'><span></span>" + hours2 + "</div><div id='countbox-hours-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-mins1'><span></span>" + mins1 + "</div><div id='countbox-mins2'><span></span>" + mins2 + "</div><div id='countbox-mins-text'></div></div>" +
            "<div class='countbox-space'></div>" +
            "<div class='countbox-num'><div id='countbox-secs1'><span></span>" + secs1 + "</div><div id='countbox-secs2'><span></span>" + secs2 + "</div><div id='countbox-secs-text'></div></div>";
            document.getElementById(boxId).innerHTML = out;
            setTimeout(function(){
             CountBox(boxId);
            }, 1e3)
        }
    }
    dateFuture = new Date().getTime() + ((day*24 + hour)*60*60 + minute*60 + sec)*1000;
    window.onload = function () {
        CountBox('countbox');
        CountBox('countbox-2');
}
Добавлено через 1 минуту
В человеческий вид я это хозяйство приводить не стал, так как честно не понимаю
1
0 / 0 / 0
Регистрация: 05.11.2013
Сообщений: 112
15.02.2014, 23:38  [ТС] 9
Спасибо!!!! Заработало!!!
0
15.02.2014, 23:38
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
 15.02.2014, 23:38
Помогаю со студенческими работами здесь

Можно ли в struts на один и тот-же Action ссылаться из двух jsp?
Вопрос : Можно ли в struts на один и тот-же Action ссылаться из двух jsp. Если на одной jsp...

Если задать свойства в dll значениями на одной странице, можно ли их использовать на другой?
Если задать свойства в dll значениями на одной странице, можно ли их использовать на другой? Есть...

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

Разные фоны блоков на одной и той же странице
Добрый день, прописываю на странице код: &lt;div style=&quot;background-color: #c9c;&quot;&gt;текст&lt;/div&gt;, но у...

Как использовать один и тот же плагин с разными настройками?
Всем привет! Подскажите как можно использовать один и тот же плагин с разными настройками. То...

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


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

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru