Answers for "type animation js"

type animation js

<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script>
var typed = new Typed('#type_text', {
    strings: ["PLAY", "WATCH", "DOWNLOAD"],
    startDelay: 900,
    backSpeed: 70,
    typeSpeed: 50,
    loop: true,
});
</script>

javascript text auto writing

/*
  Creating a Typing Effect
-----------------------------
1) Add HTML: */
<p id="demo"></p>
<button onclick="typeWriter()">Click me</button>
/* 
2) Add JavaScript: */
var i = 0;
var txt = 'Lorem ipsum typing effect!'; /* The text */
var speed = 50; /* The speed/duration of the effect in milliseconds */

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

typed.js

<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>