键入文本动画

时间:2015-07-29 14:12:20

标签: javascript jquery html css

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

我有一个工作" Text Changer"它工作正常。我遇到的问题是我希望更改文本自行输出。下面我附上了工作脚本的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>

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

我还添加了一个我想要文本的链接。

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

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

1 个答案:

答案 0 :(得分:2)

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

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