Javascript 键入文本动画

Javascript 键入文本动画,javascript,jquery,html,css,Javascript,Jquery,Html,Css,只是想知道是否有人能帮我解决一个问题 我有一个工作的“文本转换器”,它工作得很好。我遇到的问题是,我希望不断变化的文本自己打印出来。下面我附上了工作脚本的JS提琴 <h1 class="intro-title">This is some text <span id="changer">This text changes</span></h1> <script> var words = ["changes to this", "

只是想知道是否有人能帮我解决一个问题

我有一个工作的“文本转换器”,它工作得很好。我遇到的问题是,我希望不断变化的文本自己打印出来。下面我附上了工作脚本的JS提琴

<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>
这是一些文本
此文本将更改
var words=[“对这个的改变”、“对那个的改变”、“对那个的改变”];
var i=0;
var text=“此文本更改”;
函数_getChangedText(){
i=(i+1)%words.length;
返回文本。替换(/此文本更改/,单词[i]);
}
函数_changeText(){
var txt=_getChangedText();
document.getElementById(“changer”).innerHTML=txt;
}
setInterval(“_changeText()”,1800);
-现行代码

我还添加了一个链接,说明我希望文本做什么

-预期效果


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

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


这是链接:

很高兴我能帮忙:)