如何使用 .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

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

How can I fade in changing words with .html?

html

jquery

words

fadein