Blinking cursor effect

[Anabelle]

Hi!

Totally new to this community.
I want to make a “typewriter” effect so basically how to create a “blinking cursor” effect that follows the type as its written.

Thanks!

[classic12 (Steve Warby)]

Don’t know if your into going yet just found this

Cool Typing Effect, Eraser Effect and a Blinking Cursor using jQuery - WebSpeaks

Cheers

Steve Warby

[Anabelle]

Hey!

Its my third week as a Web Designer student and just had my first lesson in Hype.
I’ll definitely have a look into it. Thank you so much!

[MarkHunte]

Here is an adoption from my simple code

Typewriter effect in Hype

Hi, Good catch. Basically a new time is firing overtime the scene loads thus producing multiple texts. Change the main code to : var charS = "Here is some text to type out @ And this is a second line. @@@ this is a third line with 3 returns above" var charArray = charS.split(''); var textElement = hypeDocument.getElementById('text'); var counter; var i=0; window.thisFire = setInterval(function(){ if (i == charArray.length){ clearInterval( window.thisFire); return; } …

Type with cursor.hype.zip (45.3 KB)

v2 (slight update in example. Also changed the text element size to be a little taller to stop the text jumping on the page)

Type with cursor.hype 2.zip (45.5 KB)

[petester (Peter Borokhov)]

Good one!