Question

这是我的代码。我想使类型编写器效果完全在javascript上工作。如果您有任何想法或更好的代码，请分享。

    <!DOCTYPE html>
<html>
<body>

<h1>Typewriter</h1>

<button onclick="typeWriter()">Click me</button>

<p id="demo"></p>

<script>
var i = 0;
var txt = 'Lorem ipsum dummy text blabla.';
var speed = 50;

function typeWriter() {
  if (i < txt.length) {
    document.getElementById("demo").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
}
</script>

</body>
</html>

如何在页面加载后立即加载。

Answer 1

有很多方法可以做到这一点。

您可以将打字机编写为IIFE（立即调用的函数表达式）：IIFE
您可以在标签之前手动调用该函数
您可以在页面加载时使用window.onload方法执行该功能：onload method

JavaScript类型编写器的效果从onclick变为onload

1 个答案: