I want to try to Correct this code but it's not working for me..

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>


<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/blitzer/jquery-ui.css"
    rel="stylesheet" type="text/css" />
<script type="text/javascript">
    $(function () {
        $("#btnShow").click(function () {
            $("#dialog").dialog({
                modal: true,
                title: "jQuery Dialog",
               width: 300,
                height: 150,
                open: function (event, ui) {
                    setTimeout(function () {
                        $("#dialog").dialog("close");
                    }, 10000);
                }
            });
        });
    });
</script>


<input type="button" id="btnShow" value="Show Popup" />
<div id="dialog" style="display: none">
    <p>This dialog will automatically close in
<span id="countdowntimer">10 </span> Seconds</p>  
</div>


<script type="text/javascript">
    var timeleft = 10;
    var downloadTimer = setInterval(function(){
    timeleft--;
    document.getElementById("countdowntimer").textContent = timeleft;
    if(timeleft <= 0)
        clearInterval(downloadTimer);
    },1000);
</script>

Please Correct this

I want...

Page Load Open Popup After 5 Seconds.

Auto Close Popup While timer Finished.

Need text "Skip" for Earlier Close Popup.

Show Once Per User.