类型化JS代码在调用新函数之前未完成



问题:类型JS代码在调用下一个函数之前没有完成。
解决方案:添加任何东西,使其在执行下一个函数之前等待。我知道已经有解决这类问题的办法,但我不能让他们中的任何一个工作。这是最后的手段。

<html>
<body>
<button onclick="myFunction()">Button</button>
<div>
<p id="coolArray" onload="myFunction"></p>
</div>
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
<script>
function myFunction() {
var typed = new Typed("#coolArray", {
strings: ["pHolder1", "pHolder2", "pHolder3", "pHolder4", "pHolder5", "pHolder6", "pHolder7", "pHolder8"],
typeSpeed:  70,
backSpeed: 70,
loop: false,
showCursor: false,
smartBackspace: false
});
}
function newFunction() {
for (i = 1; i < 50; i++) {
// do smth else
}
}
</script>
</body>
</html>

编辑:我从副本中使其完全正常运行,抱歉给您带来不便。

我需要oncomplete属性。花了点功夫,但我知道怎么用了。这是我第一次使用TypedJS,我不知道这个属性,还有很多我不知道,但我希望能变得更好。谢谢你的帮助!

最新更新