如何制作变化和动画的文本？

Question

我目前正在练习一些 html 和 css，以及一些基本的 javascript。 我想制作一段在一段时间后发生变化的文本，例如：

你好我

你好 ii

iii 你好 iii

或者类似的东西，你懂的。 我希望它在像半秒这样的一小段时间后改变。在搜索了互联网和stackoverflow之后，我还没有找到解决方案。 有人可以指导我如何正确地做到这一点吗？

Answer 1

使用 setInterval 和下面的函数来做到这一点：

var el = document.getElementById("foo");
var countOfI = 1;
setInterval(function() {
  if (countOfI > 10) countOfI = 1;
  var i = new Array(countOfI).fill('i').join("");
  el.innerHTML = i + " Hello " + i;
  countOfI++;
}, 500)

<div id="foo"></div>