Интервал выполнения действия [дубликат]
227
11 мая 2018, 11:54
На данный вопрос уже ответили:
- Почему асинхронная функция внутри цикла выполняет последнюю итерацию много раз? 2 ответа
Не могу понять. как в js сделать интервал выполнения для нескольких объектов.
Например, есть такой массив
var data = {
data1:{
increment:1,
innerTo:"#elem"
},
data2:{
increment:20,
innerTo:"#elem2"
},
dataN:{
increment:400,
innerTo:"#elemN"
}
};
Он динамический, то есть данные могут добавляться и удаляться. Как сделать с заданным интервалом времени обход этого списка и для каждого данного выполнять определенные действия, которые там указаны?
например для data1 каждую секунду увеличивать значение на 1 и вставлять в элемент. Для второго увеличивать каждую секунду на 2 и вставлять в другой элемент. И такой список может изменяться.
Answer 1
Вот так через setInterval:
data = [
{ increment:1, timer: 1000, innerTo :"elem1" },
{ increment:1, timer: 2000, innerTo:"elem2" },
{ increment:1, timer: 3000, innerTo:"elem3" }
]
for(let el of data) {
setInterval( () => {
document.getElementById(el.innerTo).innerHTML = el.increment++;
}, el.timer);
}<div id='elem1'>1</div>
<div id='elem2'>1</div>
<div id='elem3'>1</div>
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
-
13:46
-
10:14
-
18:32
Сборка персонального компьютера от Artline: умный выбор для современных пользователей
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 49887 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31890 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25849 visits
- Как через css изменить цвет png изображения? 11712 visits
- Blob video url download 11264 visits
- Php curl запрос через прокси с авторизацией 10637 visits
- Работа с captcha vk api 9456 visits
© "hostciti.net" 05.12.2025 | 19:01