Πώς να δημιουργήσετε: αποτελέσματα τύπου κειμένου

Δημιουργία αποτελέσματος τύπου κειμένου

Βήμα 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);
  }
}

Δοκιμάστε το προσωπικά

Σχετικές σελίδες

Εγχειρίδιο αναφοράς:Μέθοδος window.setTimeout() του JavaScript