подскажите пожалуйста как можно реализовать систему.
Что бы каждую секунду создавался div с рандомным текстом из заготовки. Например у меня заготовленно 1000 слов И вот каждую секкунду на сайте появлялось рандомное из этих слов и так пока список не закончится.
У меня получилось реальзовать что то подобное но я столкнулся с прбоммой с оптимицией. При выводе 200-300 div сайт начинает очень сильно тормозить, можно ли както это оптимизивароть ? Не обязательно что бы старые слова которые были выведены секунд 10 назад оставались на сайте.
Буду весьма благодарен за помощь.
Array.prototype.randomItem = function() {
return this[Math.floor(Math.random()*this.length)];
}
function nametest() {
const fruits = [
'alien absorb amateur about almost alley appear around armed atom balcony',
'boost brick carbon cement column connect correct couple device dinosaur edge embody endorse',
'drill enroll fiber fish forward goddess hair ill inner laptop letter matter nation',
'milk object quote rocket salad speed start this together video wear window',
'pen pair high frost gate finger extend exit empower drop dinosaur crack',
'nominee pioneer quantum pull person paddle misery master learn lunar inflict identify',
'puzzle nominee milk young word victory transfer tide still slam soldier rice'
];
const list = document.getElementById("app");
let keys;
for (keys in fruits) {
list.innerHTML += `<div><span class="prcey">Sead: </span>${fruits.randomItem()}</div>`
}
}
myInterval = setInterval(nametest, 10);
setInterval(function() {
window.scrollTo(0, document.body.scrollHeight);
}, 10);
<div id="app" class="app"></div>
<div>
'а, также создавайте таймаут который через 10 сек. удалит сам<div>
.div id="app"
каждую секунду внутрь добавляется новый div, зачем? Если нужно только одно слово, почему бы просто не заменять содержимое знаком = а не добавлять новое знаком +=?