如何使用纯Javascript顺利更改innerhtml？

Question

我有一个用javascript更改innerhtml的代码，它可以工作，但我不知道如何使用纯javascript平滑地更改文本，就像在jquery（快速），（慢）函数中一样。

var text = ["Flugverspatung und Flugverfruhung", "Flugannullierung und Flugumleitung", "Flugzeugmangel und Nichtbeforderung", "Flug verpasst", "Gepack-Problematik"];

var counter = 0;
var elem = document.getElementById("Artikel-Middle-Uberschrift-Changetext");
setInterval(change, 2000);
  function change() {
    elem.innerHTML = text[counter];
    counter++;
    if (counter >= text.length) {
      counter = 0;
  }
}

<div id="Artikel-Middle-Uberschrift"><h2><b id="Artikel-Middle-Uberschrift-Changetext">Flugverspatung und Flugproblematik</b></h2></div>
                               

任何人都可以帮我解决这个问题吗？