Countdown script

Hello,

I have a .js script that will display a countdown. It's working perfect but, I want to change the "output". Like only display the days, hours.

function countdown_clock(year, month, day, hour, minute, format)
         {
         //I chose a div as the container for the timer, but
         //it can be an input tag inside a form, or anything
         //who's displayed content can be changed through
         //client-side scripting.
         html_code = '<div id="countdown"></div>';
         
         document.write(html_code);
         
         countdown(year, month, day, hour, minute, format);                
         }
         
function countdown(year, month, day, hour, minute, format)
         {
         Today = new Date();
         Todays_Year = Today.getYear() - 2000;
         Todays_Month = Today.getMonth() + 1;                  
         
         //Convert both today's date and the target date into miliseconds.                          
         Todays_Date = (new Date(Todays_Year, Todays_Month, Today.getDate(),
                                 Today.getHours(), Today.getMinutes(), Today.getSeconds())).getTime();                                
         Target_Date = (new Date(year, month, day, hour, minute, 00)).getTime();                  
         
         //Find their difference, and convert that into seconds.                  
         Time_Left = Math.round((Target_Date - Todays_Date) / 1000);
         
         if(Time_Left < 0)
            Time_Left = 0;
         
         switch(format)
               {
               case 0:
                    //The simplest way to display the time left.
                    document.all.countdown.innerHTML = Time_Left + ' seconds';
                    break;
               case 1:
                    //More datailed.
                    days = Math.floor(Time_Left / (60 * 60 * 24));
                    Time_Left %= (60 * 60 * 24);
                    hours = Math.floor(Time_Left / (60 * 60));
                    Time_Left %= (60 * 60);
                    minutes = Math.floor(Time_Left / 60);
                    Time_Left %= 60;
                    seconds = Time_Left;
                   
                    dps = 'en'; hps = ''; mps = ''; sps = '';
                    //ps is short for plural suffix.
                    if(days == 1) dps ='';
                    if(hours == 1) hps ='';
                    if(minutes == 1) mps ='';
                    if(seconds == 1) sps ='';
                   
                    document.all.countdown.innerHTML = days + ' dag' + dps + ' ';
                    document.all.countdown.innerHTML += hours + ' uur' + hps + ' ';
                    document.all.countdown.innerHTML += minutes + ' minuten' + mps + ' en ';
                    document.all.countdown.innerHTML += seconds + ' seconden' + sps;
                    break;
               default:
                    document.all.countdown.innerHTML = Time_Left + ' seconds';
               }
               
         //Recursive call, keeps the clock ticking.
         setTimeout('countdown(' + year + ',' + month + ',' + day + ',' + hour + ',' + minute + ',' + format + ');', 1000);
         }

in html page:

<script src="countdown-clock.js" type="text/javascript"></script>
<script type="text/javascript">countdown_clock(04, 09, 07, 00, 00, 1);</script>

please help,

regards Martijn
MilcoiAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
ColosseoConnect With a Mentor Commented:
Hi

This section outputs to the div tag so you can change which fields are displayed here

                    document.all.countdown.innerHTML = days + ' dag' + dps + ' ';
                    document.all.countdown.innerHTML += hours + ' uur' + hps + ' ';
                    document.all.countdown.innerHTML += minutes + ' minuten' + mps + ' en ';
                    document.all.countdown.innerHTML += seconds + ' seconden' + sps;

To only display the days and hours simpy remove the last two lines to leave

                    document.all.countdown.innerHTML = days + ' dag' + dps + ' ';
                    document.all.countdown.innerHTML += hours + ' uur' + hps + ' ';

HTH

Scott
0
 
sajuksConnect With a Mentor Commented:
You can add a new case to the .js file
                 case 2:
                    days = Math.floor(Time_Left / (60 * 60 * 24));
                    Time_Left %= (60 * 60 * 24);
                    hours = Math.floor(Time_Left / (60 * 60));
                    Time_Left %= (60 * 60);
                    dps = 'en'; hps = '';
                    //ps is short for plural suffix.
                    if(days == 1) dps ='';
                    if(hours == 1) hps ='';
                    document.all.countdown.innerHTML = days + ' dag' + dps + ' ';
                    document.all.countdown.innerHTML += hours + ' uur' + hps + ' ';
                    break;
and in the main html page
<script type="text/javascript">countdown_clock(04, 09, 07, 00, 00, 2);</script>
0
 
MilcoiAuthor Commented:
Thanx!! Both options are perfect!!

I split the points and give  "Colosseo" 150 and "sajuks" 100

Colosseo answered first, and I use sajuks option.
0
 
sajuksCommented:
Thanks for the points and grade
0
 
ColosseoCommented:
Yeah thanks Milcoi... glad you got it sorted :)
0
All Courses

From novice to tech pro — start learning today.