ਕਿਵੇਂ ਟਾਈਪਿੰਗ ਪ੍ਰਭਾਵ ਬਣਾਉਣ?

ਟਾਈਪਿੰਗ ਪ੍ਰਭਾਵ ਬਣਾਓ

ਕਦਮ 1 - HTML ਜੋੜੋ:

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

ਕਦਮ 2 - JavaScript ਜੋੜੋ:

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);
  }
}

ਸਵੈ ਮੁਹਾਰਤ ਕਰੋ

ਸਬੰਧਤ ਪੰਨੇ

ਸੰਦਰਭ ਮੰਗਲਾਂਚJavaScript window.setTimeout() ਮੇਥਡ