<script src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> </head> <script type="text/javascript"> function display_c(start) { window.start = parseFloat(start); var end = 0 // change this to stop the counter at a higher value var refresh = 1000; // Refresh rate in milli seconds if (window.start >= end) { mytime = setTimeout('display_ct()', refresh) } else { alert("Time Over "); } } function display_ct() { // Calculate the number of days left var days = Math.floor(window.start / 86400); // After deducting the days calculate the number of hours left var hours = Math.floor((window.start - (days * 86400)) / 3600) // After days and hours , how many minutes are left var minutes = Math.floor((window.start - (days * 86400) - (hours * 3600)) / 60) // Finally how many seconds left after removing days, hours and minutes. var secs = Math.floor((window.start - (days * 86400) - (hours * 3600) - (minutes * 60))) var x = window.start + "(" + days + " Days " + hours + " Hours " + minutes + " Minutes and " + secs + " Secondes " + ")"; document.getElementById('day').innerHTML = days; document.getElementById('hours').innerHTML = hours; document.getElementById('minutes').innerHTML = minutes; document.getElementById('second').innerHTML = secs; window.start = window.start - 1; tt = display_c(window.start); } </script> <body onload="display_c(12);"> <form id="form1" runat="server"> <div> <span id="day"></span><span id="hours"></span><span id="minutes"></span><span id="second"></span> <input type="button" id="Button1" value="hii" /> </div> </form>