Question

want to show a div after click on a button and then the time start and count from 10 to 0 .

my probelm is i don’t know how to start count ?

javascript :

<script>
$("button").click(function() {
$('div#test').hide().delay(200).fadeIn('slow');
});
</script>

button :

 <div id="test" style="display:none;">click</div>

html :

<div id="test" style="display:none;">here you are !</div>

Answer 1

You can use either setTimeout() or setInterval() to get it working:

Below is how I did it:

    $(function() {
$("button").click(function() {
    function counter()  {  
        var i = 10;
        $("body").append('<div style="border:1px solid red;">Div Created on the Fly</div>')
        function showDIV() {

        if (i < 0)
            return 
        setTimeout(showDIV, 1000);
        $("span").text(i);
        i--;        

    }

    showDIV();
}
counter(10);
});

});

DEMO