Вставка данных из массива

117
04 января 2021, 04:30

Это массив:

"Serebro","Элджей","MATRANG","HammAli","IVAN VALEEV","Jah Khalib","RASA","Тима Белорусских","Grivina","Егор Крид","Леша Свик","Артем Качер","Монеточка","Miyagi","Imagine Dragons","Ariana Grande","Время и Стекло","Artik & Asti","Filatov & Karas","MBAND","Ленинград","ВИА Гра","Дима Билан","Artik pres. Asti","Егор Крид","Мот","Баста","Григорий Лепс","Макс Корж","Ханна","T1One","Макс Барских","Руки Вверх","Ани Лорак","Стас Михайлов","Полина Гагарина","CYGO","Елена Темникова","Филипп Киркоров","Skillet","Linkin Park","Ольга Бузова","Guf","Юлия Савичева","Сергей Лазарев","Натали","Светлана Лобода","Armin Van Buuren","Evanescence","Scorpions","Bahh Tee","Андрей Леницкий","Jah Khalib"

Это элемент: <span class="author"></span>

Вопрос: Как каждую минуту:

setInterval(function() {
   ....
}, 60000);

брать случайное значение из массива и заменять текст в объекте .author, чтобы не было повторений удалять значение из массива, а когда массив опустеет, то оставлять последнее сохранённое значение?

Answer 1

Поставил смену текста каждую секунду, чтобы было наглядно.

var arr = ["Serebro","Элджей","MATRANG","HammAli","IVAN VALEEV"]; 
var elem = document.getElementsByClassName('author')[0]; 
 
var interval = setInterval(function() { 
    if(arr.length > 0) { 
        var rand = Math.floor(Math.random() * arr.length); 
    	elem.innerText = arr.splice(rand, 1); 
    } else { 
    	clearInterval(interval);       
    } 
}, 1000);
<span class="author"></span>

READ ALSO
Не применяются стили CSS к ссылкам в HTML
HTML

Не применяются стили CSS к ссылкам в HTML

В файле stylecss есть стиль для дива themes (

 83
Перенос строк html
HTML

Перенос строк html

Есть textarea, в который вводится текст с переносамиЗатем, этот текст добавляется в div, но там уже он отображается без переносов

 111
конвертация символа
HTML

конвертация символа

есть строка "\x3a1" как можно определить, какой символ имеется ввиду? в исходной строке конвертация выглядит так: ":1", но есть ведь и код "\x3a1", означающий...

 117
HTML - формат номера для ссылки tel
HTML

HTML - формат номера для ссылки tel

Везде нахожу информацию, что формат номера телефона для ссылки tel такой: цифры и плюс (если нужен), без пробелов, тире и скобокНо если в ссылку...

 98