javascript - 打字动画

Question

只是想知道是否有人可以帮助解决我遇到的问题。

我有一个可用的“文本转换器”，它运行良好。我遇到的问题是我希望更改的文本自行输入。下面我附上了工作脚本的 JS fiddle 。

<h1 class="intro-title">This is some text 
<span id="changer">This text changes</span></h1>

<script>    var words = ["changes to this", "changes to that", "changes   to there"];
var i = 0;
var text = "This text changes";
function _getChangedText() {
  i = (i + 1) % words.length;
  return text.replace(/This text changes/, words[i]);
}
function _changeText() {
  var txt = _getChangedText();
  document.getElementById("changer").innerHTML = txt;
}
setInterval("_changeText()", 1800);</script>

https://jsfiddle.net/g59phn0b/ - 当前代码

我还添加了我希望文本执行的操作的链接。

https://jsfiddle.net/7K3UE/ - 期望的效果

如果有人能提供帮助，我们将不胜感激。

Answer 1

您可以为此使用 jquery 插件。查看 typed.js。

这是链接:http://www.mattboldt.com/demos/typed-js/