Оптимизация setInterval()

@WeMeSder · Регистрация: 13.07.2014

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

В данном коде слишком много setInterval(). Вопрос и проблема в том как оптимизировать так чтобы было n-ое количество setInterval -ов

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
var robotNameIndex = 0;
var kollDiv = new Array();
var indexKoll = 0;
var ser = -1;
var interr;
var kl = setInterval( "klone()","200" );
 
        function klone () {
            robotNameIndex++;
            
            kollDiv[indexKoll] = document.body.appendChild(document.createElement( "div" ));
            
            var nameAttr1 = document.createAttribute( 'id' ); // создаем атрибут
            nameAttr1.value = "r" + robotNameIndex;  // устанавливаем значение
            kollDiv[indexKoll].attributes.setNamedItem( nameAttr1 ); // привязываем атрибут
            
            var nameAttr1 = document.createAttribute( 'style' ); // создаем атрибут
            nameAttr1.value = "top:400px;left:400px;";  // устанавливаем значение
            kollDiv[indexKoll].attributes.setNamedItem( nameAttr1 ); // привязываем атрибут
            
            indexKoll++;
            ser++
            starter();
            //-----------------------------------------------..............
                    if( kollDiv.length > 24 ) {
                    clearInterval( kl )
                    }
        }
var inFor = -1;
var arrayFor = 0;
        function starter() {    
            inFor++
            if( kollDiv.length > inFor ) {  
            vdoh(kollDiv[inFor])
            
            }
        }
        //----------------------------------test
        setInterval( "vdoh( kollDiv[0])" , 15 );
        setInterval( "vdoh( kollDiv[1])" , 15 );
        setInterval( "vdoh( kollDiv[2])" , 15 );
        setInterval( "vdoh( kollDiv[3])" , 15 );
        setInterval( "vdoh( kollDiv[4])" , 15 );
        setInterval( "vdoh( kollDiv[5])" , 15 );
        setInterval( "vdoh( kollDiv[6])" , 15 );
        setInterval( "vdoh( kollDiv[7])" , 15 );
        setInterval( "vdoh( kollDiv[8])" , 15 );
        setInterval( "vdoh( kollDiv[9])" , 15 );
        setInterval( "vdoh( kollDiv[10])" , 15 );
        setInterval( "vdoh( kollDiv[11])" , 15 );
        setInterval( "vdoh( kollDiv[12])" , 15 );
        setInterval( "vdoh( kollDiv[13])" , 15 );
        setInterval( "vdoh( kollDiv[14])" , 15 );
        setInterval( "vdoh( kollDiv[15])" , 15 );
        setInterval( "vdoh( kollDiv[16])" , 15 );
        setInterval( "vdoh( kollDiv[17])" , 15 );
        setInterval( "vdoh( kollDiv[18])" , 15 );
        setInterval( "vdoh( kollDiv[19])" , 15 );
        setInterval( "vdoh( kollDiv[20])" , 15 );
        setInterval( "vdoh( kollDiv[21])" , 15 );
        setInterval( "vdoh( kollDiv[22])" , 15 );
        setInterval( "vdoh( kollDiv[23])" , 15 );
        setInterval( "vdoh( kollDiv[24])" , 15 );
        setInterval( "vdoh( kollDiv[25])" , 15 );
        setInterval( "vdoh( kollDiv[26])" , 15 );
        setInterval( "vdoh( kollDiv[27])" , 15 );
        setInterval( "vdoh( kollDiv[28])" , 15 );
        setInterval( "vdoh( kollDiv[29])" , 15 );
        setInterval( "vdoh( kollDiv[30])" , 15 );

Спасибо всем кто заинтересуется данным вопросам..

@Thisman · 04.10.2014, 19:09

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

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
 setInterval( "vdoh( kollDiv[0])" , 15 );
 setInterval( "vdoh( kollDiv[1])" , 15 );
 setInterval( "vdoh( kollDiv[2])" , 15 );
 setInterval( "vdoh( kollDiv[3])" , 15 );
 setInterval( "vdoh( kollDiv[4])" , 15 );
 setInterval( "vdoh( kollDiv[5])" , 15 );
 setInterval( "vdoh( kollDiv[6])" , 15 );
 setInterval( "vdoh( kollDiv[7])" , 15 );
 setInterval( "vdoh( kollDiv[8])" , 15 );
 setInterval( "vdoh( kollDiv[9])" , 15 );
 setInterval( "vdoh( kollDiv[10])" , 15 );
 setInterval( "vdoh( kollDiv[11])" , 15 );
//...

~~МАТЬ МОЯ ЖЕНЩИНА~~ Начнем по порядку

@Eva Rosalene · 04.10.2014, 19:16

Не по теме:

Боже мой :swoon:

JavaScript
1
2
3
4
5
for (var i = 0; i < 31; ++i) setInterval((function (item){
   return (function (){
      vdoh(item);
   });
})(kollDiv[i]), 15);

Это если сохранять логику Вашего кода.

А вообще гораздо лучше поставить одну функцию в интервал, которая будет вызывать все остальные.

JavaScript
1
2
3
setInterval(function (){
   for (var i = 0; i < 31; ++i) vdoh(kollDiv[i]);
}, 15);

@WeMeSder · 04.10.2014, 19:31 **[ТС]**

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

1
2
3
setInterval(function (){
* *for (var i = 0; i < 31; ++i) vdoh(kollDiv[i]);
}, 15);

Да, этот вариант замечательный. Спасибо за кусочек опыта.

@Thisman · 04.10.2014, 19:37

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

"klone()"

Правильно писать clone.

Рассмотрим функцию klo... clone:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function klone () {
            robotNameIndex++;
            
            kollDiv[indexKoll] = document.body.appendChild(document.createElement( "div" ));
            
            var nameAttr1 = document.createAttribute( 'id' ); // создаем атрибут
            nameAttr1.value = "r" + robotNameIndex;  // устанавливаем значение
            kollDiv[indexKoll].attributes.setNamedItem( nameAttr1 ); // привязываем атрибут
            
            var nameAttr1 = document.createAttribute( 'style' ); // создаем атрибут
            nameAttr1.value = "top:400px;left:400px;";  // устанавливаем значение
            kollDiv[indexKoll].attributes.setNamedItem( nameAttr1 ); // привязываем атрибут
            
            indexKoll++;
            ser++
            starter();
            //-----------------------------------------------..............
                    if( kollDiv.length > 24 ) {
                    clearInterval( kl )
                    }
        }

Как я понял функция, добавляет div с некоторыми атрибутами. Я сделаю это за n строчек :

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function createEl(opt) {
    var tag = opt.tag || "div";
    var id = opt.id || "";
    var parent = opt.parent || document.body;
    var style = opt.style || {};
 
    var el = document.createElement(tag);
    el.id = id;
    parent.appendChild(el);
 
    for(var i in style) {
        el.style[i] = style[i];
    }
}

Называть clone передумал, ибо она не клонирует, а создает элемент. Используем вот так вот:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var robotNameIndex = 0;
var kollDiv = [];
var indexKoll = 0;
var ser = -1;
var interr;
var timer = setInterval(function () {
    indexKoll++;
    var el = createEl({
        tag:'div',
        id:"r" + ndexKoll,
        style :{
            /* тут стиль */
            width:"100px",
            height:"100px",
            background : "black"
        } 
    })
    kollDiv.push(el);
    ser++;
    //starter(); закоментил ибо еще не дошли
    if(indexKoll > 5) clearInterval(timer);
},1000)

Добавлено через 3 минуты
WeMeSder, Не совсем понятно ,что делает функция vdoh,посмотреть бы ее код

@WeMeSder · 16.12.2014, 21:00 **[ТС]**

Функция vdoh делает лишь хаотичное движения div- ов по стр.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
        function vdoh( namOb ) {
        
            var i1 = Math.round( Math.random() * 1 );
            var i2 = Math.round( Math.random() * 1 );
            w = namOb.offsetTop;
            g = namOb.offsetLeft;
                if( i1 == 0 && (document.body.clientHeight) - 10 > w ) {
                    w++;
                }
                if( i1 == 1 && w > krai ) {
                    w--;
                }
                if( i2 == 0 && (document.body.clientWidth) - 10 > g ) {
                    g++;
                }
                if( i2 == 1 && g > krai ) {
                    g--;
                }
            namOb.style.left = g;
            namOb.style.top = w; }

Но еща идея была в том что бы собрать 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
        function zbor() {
            var koorX = kollDiv[0].offsetTop;
            var koorY = kollDiv[0].offsetLeft;
                for( i = 1; i < kollDiv.length; i++ ) {
                    kollDiv[i].style.background = "blue";
                    var positionX = kollDiv[i].offsetTop;
                    var positionY = kollDiv[i].offsetLeft;
                    
        //---------------------
        
        
        
        
                        if( i%4 == 0 ) {
                            sdT++;
                        }
                        if( i%4 == 1 ) {
                            sdU++;
                        }
                        if( i%4 == 2 ) {
                            sdT--;
                        }
                        if( i%4 == 3 ) {
                            sdU--;
                        }
                        
                        
                        if( 0 == 0 ) {
                                if( koorX < positionX + sdR * sdT ) {
                                    positionX--;
                                }
                                if( koorX > positionX + sdR * sdT ) {
                                    positionX++;
                                }
                                if( koorY < positionY + sdR * sdU ) {
                                    positionY--;
                                }
                                if( koorY > positionY + sdR * sdU ) {
                                    positionY++;
                                }
                        }
                            
 
                        
            //------------------------          
                    kollDiv[i].style.left = positionY;
                    kollDiv[i].style.top = positionX;
                }
                blocker++;
                sdU = 0;
                sdT = 0;
                krai = 10;
        }

- здесь размером 2x2 а нужно n x n -?

(<style> div{height:10px;width:10px;background-color:green;position:absolute;} </style>)

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизитов при создании документа Maks 26.03.2026 Код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки на предмет заполнения реквизитов реализован с целью установки значения по умолчанию,. . .	Команды "Заполнить" и "Очистить" на форме документа Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". На примере нетипового документа разработанного в конфигурации КА2. В качестве источника данных указан регистр накопления, в который записываются данные о. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip	Жизнь в неопределённости kumehtar 23.03.2026 Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .