这叫什么，我该怎么做？（更改文本）

【问题标题】：What is this called, and how can I do it? (Changing text)这叫什么，我该怎么做？（更改文本）
【发布时间】：2017-04-03 07:53:31
【问题描述】：

正如您在https://www.sketchapp.com/ 上看到的那样，他们在页面中途得到了一些很酷的东西，您可以看到它会自动更改文本（草图是为 在这里链接文本像你一样）经过一些时间;我想知道他们是如何做到的以及它是如何被调用的。

我正在尝试重新创建类似的东西，谢谢

【问题讨论】：

他们使用这个 jQuery 插件：codepen.io/jasondavis/full/fHdAt

标签： javascript html css animation text

【解决方案1】：

您需要setInterval，如果您希望文本几乎在同一时间无限期更改，或者您需要setTimeout，如果您只想更改文本一次。下面是一个以setTimeout为例的sn-p：

document.addEventListener('DOMContentLoaded', function(){
  setTimeout(function(){
    var div = document.getElementById('js-text');
    div.innerHTML = "Replaced <span class='redText'>Text</span>";
  }, 1000);
});

.redText{
  color: red;
}

&lt;div id="js-text"&gt;Initial Text&lt;/div&gt;

【讨论】：