devster7558

Type Effect Javascript By Dev

Sep 27th, 2020 (edited)
179
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2. MADE BY DEVSTER
  3. https://dev.to/devster/making-type-effect-using-pure-javascript-8kc
  4.  -->
  5.  
  6. <!DOCTYPE html>
  7. <html>
  8. <body>
  9.  
  10. <h1>Typewriter</h1>
  11.  
  12. <button onclick="typeWriter()">Click me</button>
  13.  
  14. <p id="type"></p>
  15.  
  16. <script>
  17. var i = 0;
  18. var txt = 'your text here blah blah blah.';
  19. var speed = 50;
  20.  
  21. function typeWriter() {
  22.   if (i < txt.length) {
  23.     document.getElementById("demo").innerHTML += txt.charAt(i);
  24.     i++;
  25.     setTimeout(typeWriter, speed);
  26.   }
  27. }
  28. </script>
  29.  
  30. </body>
  31. </html>
  32.  
Add Comment
Please, Sign In to add comment