Wollten Sie schon immer einen Schreimaschienen (Typing) Effekt in Ihrem Projekt? Falls ja, sollten Sie sich die typeit.js Bibliothek ansehen, worüber ich die Tage gestolpert bin.

Der Effekt sieht so aus:

Wie wird es implementiert?

Zuerst integrieren Sie die Bibliothek in Ihr Projekt, wie andere Bibliotheken auch.

Im nächsten Beispiel gehen wir davon aus, das sie eine Portfolioseite erstellen, in der Sie mehrere Joberfahrungen anzeigen möchten.

In der besagten Seite erstellen Sie einen ähnlichen Tag, wie diesen:  <p id="replaceJobs"> (der Name kann selbstverständlich angepasst werden).

Dann erstellen wir die Steuerungsdatei, z.B. jobs.js mit dem Inhalt

new TypeIt( '#replaceJobs', { 
strings: ["Job1", "Job2", "Job3"], 
speed: 200, 
cursorSpeed: 1000, 
nextStringDelay: 750, 
loop: true, 
breakLines: false, 
waitUntilVisible: true }
).go();

Jetzt referenzieren Sie diese Datei in der erstellten Seite. Jetzt sollte der Effekt starten.

Mehr auf: https://typeitjs.com/