Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/6: Рейтинг темы: голосов - 6, средняя оценка - 5.00
<h1>Hello world</h1>
 Аватар для pavel666228
17 / 16 / 3
Регистрация: 17.12.2016
Сообщений: 181
Записей в блоге: 6

Несколько таймеров(часов) на одной странице (MVC)

27.02.2019, 23:20. Показов 1437. Ответов 1
Метки mvc (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый вечер, реализую несколько часов на одной странице ( с MVC подходом ).

В модели содержится методы запуска каждого таймера часов.


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
63
64
65
66
67
68
69
70
    function  ClockModel(offset) {
       let _that = this;
 
        _that.timerNY = null;
        _that.timerLondon = null;
        _that.timerBerlin = null;
        _that.timerTokio = null;
        _that. timerVladivostok = null;
        _that. timerMsk = null;
 
          _that.DOM = new ClockViewDOM();
        _that.DOM2 = new ClockViewDOM();
        _that.SVG = new ClockViewSVG();
        _that.SVG2 = new ClockViewSVG();
        _that.CANVAS = new ClockViewCanvas();
        _that.CANVAS2 = new ClockViewCanvas();
 
    _that.timerBerlin = setTimeout(function bl() {
 
            let modelBerlin = new ClockModel(1);
            _that.DOM.drawDOM(0, 'Берлин', modelBerlin);
 
            _that.timerBerlin = setTimeout(bl, 1000);
        }, 0);
 
 
        _that.timerVladivostok =  setTimeout(function vl() {
  
            let modelVladivostok = new ClockModel(10);
            _that.DOM2.drawDOM(1,'Владивосток',modelVladivostok);
 
            _that.timerVladivostok = setTimeout(vl, 1000);
        }, 0);
 
        _that.timerLondon = setTimeout(function ln() {
 
 
            let modelLondon = new ClockModel(0);
            _that.SVG.drawSvg(2, 'Лондон', modelLondon);
 
            _that.timerLondon = setTimeout(ln, 1000);
        }, 0);
 
        _that.timerTokio = setTimeout(function tok() {
   
 
            let modelTokio = new ClockModel(9);
            _that.SVG2.drawSvg(3, 'Токио', modelTokio);
 
            _that.timerTokio = setTimeout(tok, 1000);
        }, 0);
 
        _that.timerNY =  setTimeout(function ny() {
 
            let modelNewYork = new ClockModel(-5);
            _that.CANVAS.drawCanvas(4,'NY', modelNewYork);
 
            _that.timerNY = setTimeout(ny, 1000);
        }, 0);
 
 
           _that.timerMsk= setTimeout(function msk() {
            let modelMsk= new ClockModel(3);
            _that.CANVAS2.drawCanvas(5,'MSK', modelMinsk);
            debugger;
 
            _that.timerMsk= setTimeout(msk, 1000);
        }, 0);
 
        ...................
ClockView - это класс отображения часов на странице.

Часы идут, но таймеры забивают память и в итоге страница падает,
как я понял из-за того что каждый раз создаем объект,
пытался пытался в итоге сам запутался и попал в тупик...

Возможно я что-то упустил.

Если что-то не понятно в моем вопросе, уточню в комментариях)

Подскажите пожалуйста как быть и что сделать что бы исправить ....
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
27.02.2019, 23:20
Ответы с готовыми решениями:

Несколько таймеров на одной странице
Здравствуйте. Есть код таймера CountDowndmn: var montharray = new Array(&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&quot;, &quot;Apr&quot;, &quot;May&quot;, &quot;Jun&quot;,...

Несколько скриптов на одной странице
Здравствуйте! В одной из тем на форуме задали вопрос: как можно сохранить значение выбранного option после перезагрузки страницы? ...

Запустить несколько скриптов на одной странице
Неделю назад открыл для себя HTML/CSS. Сейчас пишу сайт на HTML. Хочу добавить слайдер и меню. Скачал готовые слайдер и меню. Оба написаны...

1
<h1>Hello world</h1>
 Аватар для pavel666228
17 / 16 / 3
Регистрация: 17.12.2016
Сообщений: 181
Записей в блоге: 6
28.02.2019, 17:47  [ТС]
Вопрос решен
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
28.02.2019, 17:47
Помогаю со студенческими работами здесь

Вставка нескольких таймеров на странице
Добрый день, подскажите, что я делаю не так. Через поиск нашел несколько советов, но все-равно работает неправильно. У меня несколько...

Несколько таймеров
Вот код таймера. &lt;script type='text/javascript'&gt; (function(){ var expire = 1380643200000, countDown = function(){ ...

Несколько web форм на одной странице
Всем привет! Знаю что такая тема уже была, но так как я не большой специалист в js, то самостоятельно разобраться не получилось. Есть...

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

Несколько форм обратной связи на одной странице
Всем привет. Уже долгое время мучаюсь, никак не могу найти готовое решение, а собственных знаний js столь мало, что они никак не...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Перемещение выделенных строк ТЧ из одного документа в другой
Maks 30.03.2026
Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave
DevAlt 30.03.2026
Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений
Maks 29.03.2026
Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru