如何使用.html淡化更改单词？

Question

我正在尝试顺利过渡。 HTML正在改变，但我希望它看起来更顺畅。有谁知道怎么做？

我的代码：

var words = ["Leergierige", "Enthousiaste", "vooruitstrevende", "innovatieve"];
var i = -1;

function randomWord(){
  //var randomId = document.getElementById("random-word");

  setInterval(function(){
    i++

  $("#random-word").html(words[i]).fadeIn("slow");

   if (i === 3){
    i = -1;
  }
}, 2000);

 }

Answer 1

fadeOut前面的单词然后fadeIn下一个单词。

$("#random-word").fadeOut('slow', function() {
    $(this).html(words[i]).fadeIn("slow");
});

Demo