Question

In my game I have set the timer to 30000ms (30 secs). When the timer ends the game ends. I want to show the user the timer to give them some idea of how long they have left. How would I do this, I have tried to do it like this:

setTimeout(function() {
                    $("#message").html('Thank you for playing. </br> You answered </br>' + hit + '/' + attempted + ' correctly. </br> Press "Play" to start again.').fadeIn('slow');
                    $(".character").fadeIn('slow');
                }, 500);
            });
        }, 30000).show('#timer'); //here I am trying to display the time in the "#timer"
    }

I think I am approaching this all wrong can someone give me a point in the right direction?

Fiddle: http://jsfiddle.net/cFKHq/8/

Answer 1

Have a gander at this jsFiddle. You just need to change your timeout to an interval and keep a count of the seconds.