Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script type="text/javascript">
- dateFuture1 = new Date(2012,11,25,0,0,0);
- function GetCount(ddate,iid){
- dateNow = new Date(); //grab current date
- amount = ddate.getTime() - dateNow.getTime(); //calc milliseconds between dates
- delete dateNow;
- // if time is already past
- if(amount < 0){
- document.getElementById(iid).innerHTML="Now!";
- }
- // else date is still good
- else{
- days=0;hours=0;mins=0;secs=0;out="";
- amount = Math.floor(amount/1000);//kill the "milliseconds" so just secs
- days=Math.floor(amount/86400);//days
- amount=amount%86400;
- hours=Math.floor(amount/3600);//hours
- amount=amount%3600;
- mins=Math.floor(amount/60);//minutes
- amount=amount%60;
- secs=Math.floor(amount);//seconds
- if(days != 0) { out += days +" <span>"+((days==1)?"day":"days")+"</span>, "; }
- if(hours != 0) { out += hours +" <span>"+((hours==1)?"hour":"hours")+"</span>, "; }
- out += mins +" <span>"+((mins==1)?"minute":"minutes")+"</span>, ";
- out += secs +" <span>"+((secs==1)?"second":"seconds")+"</span>, ";
- out = out.substr(0,out.length-2);
- document.getElementById(iid).innerHTML=out;
- setTimeout(function(){GetCount(ddate,iid)}, 1000);
- }
- }
- window.onload=function(){
- GetCount(dateFuture1, 'countbox1');
- };
- </script>
- <style type="text/css">
- .countbox { /* style for overall box; since the style for the text is different (below), this is the style for the numbers */
- font: 28px helvetica, arial, sans-serif;
- color: #555;
- }
- .countbox span { /* style for actual text, e.g. minutes, seconds, hours, etc. */
- font: 23px helvetica, arial, sans-serif;
- vertical-align: middle;
- }
- </style>
- <div id="countbox1" class="countbox"></div>
Advertisement
Add Comment
Please, Sign In to add comment