相关疑难解决方法(0)

编辑:我没有真正问过我原来问题中应该提出的所有问题.为了帮助那些寻找类似答案的人们更容易,这就是问题的结果:

如何使用在语句末尾暂停的闪烁光标创建打字机效果,删除语句并写入新语句？

查看Yoshi的答案如下.它正是这样......

假设我有一个来自div标签的文本,如下所示:

 <div id="outPutContainer">
     <div id="contentDiv" style="display:none;"> This is some cool content... </div>
 </div>

现在,如果我想,我可以创建一个JavaScript函数,一次打印一个字符,它将正常工作.以下示例.

function printSentence(inner, outer, index, speed) {
    var input = document.getElementById(inner).innerHTML;
    var timer = setInterval(function(){
        document.getElementById(outer).innerHTML+=input.charAt(index);
        index++;
        if(index  == sentence.length -1){
            printResume(inner, outer, index+1, speed);
        }else{
           clearInterval(timer);
        }
     }, speed);
}

printSentence("contentDiv", "outPutContainer", 0, 100);

同样,上面的函数工作得很好,但是假设我想在元素中考虑html标签,那将是如何工作的.一个例子是

<div id="contentDiv2"> This is some cool <strong>content</strong>
    <p>Paragraph of content</p>
</div>

所以理想的效果是

这是一些很酷的内容

内容段落

(打字机效果的灵感来自查理)"我喜欢在信用到期时给予信任"(: Javascript打字效果

我想我可以投入一个jsFiddle以方便人们. http://jsfiddle.net/bJxe3/19/