按时间间隔循环的javascript函数

我是一个JavaScript脚本，它具有打字效果。我试图循环它，以便它在执行结束10秒后循环执行。换句话说，就是有一种打字效果，并且当文字在十秒钟后写入时将再次执行一次。我试过setTimeout()，但它没有奏效。按时间间隔循环的javascript函数

感谢您的帮助。

function setupTypewriter(t) { 
    var HTML = t.innerHTML; 

    t.innerHTML = ""; 

    var cursorPosition = 0, 
     tag = "", 
     writingTag = false, 
     tagOpen = false, 
     typeSpeed = 50, 
     tempTypeSpeed = 0; 

    var type = function() { 

    if (writingTag === true) { 
     tag += HTML[cursorPosition]; 
    } 

    if (HTML[cursorPosition] === "<") { 
     tempTypeSpeed = 0; 
     if (tagOpen) { 
     tagOpen = false; 
     writingTag = true; 
     } else { 
     tag = ""; 
     tagOpen = true; 
     writingTag = true; 
     tag += HTML[cursorPosition]; 
     } 
    } 
    if (!writingTag && tagOpen) { 
     tag.innerHTML += HTML[cursorPosition]; 
    } 
    if (!writingTag && !tagOpen) { 
     if (HTML[cursorPosition] === " ") { 
     tempTypeSpeed = 0; 
     } 
     else { 
     tempTypeSpeed = (Math.random() * typeSpeed) + 50; 
     } 
     t.innerHTML += HTML[cursorPosition]; 
    } 
    if (writingTag === true && HTML[cursorPosition] === ">") { 
     tempTypeSpeed = (Math.random() * typeSpeed) + 50; 
     writingTag = false; 
     if (tagOpen) { 
     var newSpan = document.createElement("span"); 
     t.appendChild(newSpan); 
     newSpan.innerHTML = tag; 
     tag = newSpan.firstChild; 
     } 
    } 

    cursorPosition += 1; 
    if (cursorPosition < HTML.length - 1) { 
     setTimeout(type, tempTypeSpeed); 
    } 

    }; 

    return { 
    type: type 
    }; 
} 

var typer = document.getElementById('typewriter'); 

typewriter = setupTypewriter(typewriter); 

typewriter.type();

来源

2017-04-02 Mikisz

你想setInterval。（函数（）{alert（“Hello”）;}，3000）;}};

此代码将每三秒运行一次。

完整的文档，示例等。在这里（包括如何阻止它）：

https://www.w3schools.com/jsref/met_win_setinterval.asp

来源

2017-04-02 10:31:43

感谢分享。我已经看到了，但是我不确定如何在我的函数中使用它。 JS对我来说是新的（我通常使用C＃）。正如你可以在底部看到有三行代码，没有它们，打字效果不起作用。当我使用类似var myVar的代码时; function myFunction（）{ myVar = setInterval（setupTypewriter，3000）; }该函数执行onces（仅在显示效果后），就是这样。没有更多发生。 – Mikisz

typewriter = setupTypewriter(typewriter);

您传递typewriter变量setupTypewriter，但它还不存在。在这里，您要使用

typewriter = setupTypewriter(typer);

顺便说一句，我不明白你怎么打印标签。您打印<，d,i,v,>零延迟，但解析器仍可能会中断。您应该立即打印标签：<div></div>，然后将div的内容附加到它。

来源

2017-04-02 10:39:57 Ivanq

是的，谢谢你的评论 - 我已经改变为typer（这是我的错误）。 – Mikisz

按时间间隔循环的javascript函数

回答

相关问题