var my_counter = 5; var success_message = $('#P299_MESSAGE').val() + '<br/>' + 'This message will close in ' + '<span id="my_sec">' + my_counter + '</span>' + ' seconds.'; $('.t10messages').empty(); $('.t10messages').append(<div class="t10success" style="display: none;"> </div> '); $('.t10success').append(success_message); $('.t10success').fadeIn(1000); var time_in_seconds = setInterval(function() { my_counter--; $('#my_sec').empty(); $('#my_sec').append(my_counter); if (my_counter == 0) { clearInterval(time_in_seconds); $('.t10success').fadeOut(1000); } }, 1000);
Using jQuery this is quite easy to acomplish.