چگونه ایجاد کنم: اثر تایپ

آموزش نحوه ایجاد اثر تایپ با استفاده از JavaScript.

 

ایجاد اثر تایپ

مرحله اول - اضافه کردن HTML:

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

مرحله دوم - اضافه کردن 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);
  }
}

آزمایش شخصی کنید:

صفحات مرتبط:

دستورالعمل مرجع:مетод window.setTimeout() زبان JavaScript