كيفية إنشاء: تأثير الطباعة

تعلم كيفية استخدام JavaScript لإنشاء تأثير الطباعة.

 

إنشاء تأثير الطباعة

الخطوة الأولى - إضافة HTML:

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

الخطوة الثانية - إضافة JavaScript:

var i = 0;
var txt = 'Lorem ipsum typing effect!'; /* النص الذي سيتم عرضه */
var speed = 50; /* سرعة أو استمرار تأثير الطباعة، بالألفات */
function typeWriter() {
  إذا (i < txt.length) {
    document.getElementById("demo").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
}

جرب بنفسك

الصفحات ذات الصلة

دليل المراجعة:مетод window.setTimeout() لـ JavaScript