టైపింగ్ ప్రభావం సృష్టించండి ఎలా చేయాలి

జావాస్క్రిప్ట్ ద్వారా టైపింగ్ ప్రభావం ఎలా సృష్టించాలి తెలుసుకోండి.

 

టైపింగ్ ప్రభావం సృష్టించండి

మొదటి చర్య - హెచ్ఎంఎల్ జోడించండి:

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

రెండవ చర్య - జావాస్క్రిప్ట్ జోడించండి:

var i = 0;
var txt = 'Lorem ipsum typing effect!'; /* ప్రదర్శించవలసిన పదం */
var speed = 50; /* టైపింగ్ ప్రభావం వేగం/కాలం, మిలీసెకన్లలో */
function typeWriter() {
  if (i < txt.length) {
    document.getElementById("demo").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
}

స్వయంగా ప్రయత్నించండి

సంబంధిత పేజీలు

పరిచయం పుస్తకం:జావాస్క్రిప్ట్ విండో.స్లిప్ట్మోస్ట్() మాథోడ్