Динамическое изменение текста путем пролистывания слов

Question

Как мне сделать так, чтобы при загрузке H1 динамически пролистывал текст.

Пример;

1) Сделано для агентств ... 2) Создано для стартапов .. 3) Сделано для малого бизнеса ...

И сделать так, чтобы каждые 2 секунды слова после слова "сделал для" менялись с помощью Javascript.

Единственная проблема, только с использованием Javascript и CSS, HTML не может измениться.

Спасибо за тонну!

Answer 1

Вы можете использовать setInterval() для установки предопределенного интервала, в который функция будет вызываться и выполняться.

var items = ['agencies', 'start-ups', 'small businesses'];
var itemCounter = 0;

setInterval(changeH1, 2000);   // set interval every 2 seconds to call a function

function changeH1() {   // function to perform changes to h1
  let h1 = document.getElementById('someH1');
  h1.innerHTML = "Made for " + items[itemCounter % items.length];
  itemCounter++;
}

changeH1();   // call it first so the h1 is populated immediately on load

<h1 id="someH1"></>