如何制作一个改变和动画的文字？

Question

我目前正在练习一些html和css，以及一些基本的javascript。 我希望在一段时间之后制作一个更改的文本：

我好，我

ii Hello ii

iii Hello 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>