Schreibeffekt: Wort pro Wort

Question

Ich habe herausgefunden, wie man einen Schreibeffekt hat, der Wort pro Wort anstelle von Buchstaben pro Buchstabe ist. Bis jetzt bieten alle Links, die ich gesucht habe, einen Schreibmaschineneffekt für jeden Buchstaben an.

https://macarthur.me/typeit/ https://github.com/mattboldt/typed.js/

Ist das möglich zu erreichen? Oder hast du etwas ähnliches gemacht?

Answer 1

Das ist ziemlich einfach. Einfach ein Intervall registrieren, den Text teilen, das Array umkehren und das letzte Element öffnen. Dasjenige, das Sie dann an den Text-Container anhängen. Erledigt.

JS

var myText = "Some text you want to be typed automagically.."; 
var myWords = myText.split(" ").reverse(); 

var ntrvl = setInterval(function() { 
    addNextWord(); 
}, 150); 

function addNextWord() { 
    var nextWord = myWords.pop(); 
    if(nextWord !== undefined) { 
     var textNow = $(".write-here").text() + " " + nextWord; 
     $(".write-here").text(textNow); 
    } 
} 

Was halten Sie davon?

JSfiddle

Answer 2

Erstellen Sie ein Array mit den Wörtern, die Sie jeweils einzeln drucken möchten.

const sentence = 'this sentence will be displayed one word at a time'; 
var arrayOfWords = sentence.split(' '); 

for (var i = sentence.length - 1; i >= 0; i--) { 
    setTimeout(function(){ 
     console.log(sentence[i]); // or display another way 
    }, 400) // set this to your desired interval 
}