Does anyone know how to do the following things sequentially on an HTML5 canvas (using javascript).

1. Text appears (I already know how to do this :P)
2. Text flashes several times at one second intervals
3. Text disappears after 5 seconds (or whenever)

The reason I find this so hard to do, is because there is no way to create a pause in a script. Any help would be greatly appreciated!

Does anyone know how to do the following things sequentially on an HTML5 canvas (using javascript).

1. Text appears (I already know how to do this :P)
2. Text flashes several times at one second intervals
3. Text disappears after 5 seconds (or whenever)

The reason I find this so hard to do, is because there is no way to create a pause in a script. Any help would be greatly appreciated!

• javascript
• html
• canvas

Share Follow edited Aug 7, 2017 at 19:09 Rob 5,29555 gold badges4242 silver badges6363 bronze badges asked Jan 16, 2012 at 6:56 rshea0rshea0 12.3k99 gold badges3030 silver badges4141 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

function flashyText() {
    var count = 10,
        timer = setInterval(function() {
            count--;
            if( count%2 == 1) {
                // draw the text
            }
            else {
                // don't draw it (ie. clear it off)
            }
            if( count == 0) clearInterval(timer);
        },1000);
}

Something like that.