обратно броене

firefly

Registered
как мога да направя таймер с обратно броене, да показва времето оставащо до някакъв час на еди коя си дата?
 
нещо такова ли ?!
http://web-tourist.net/project/bafitu/zz.html
това ще отброява времето оставащо до 2006/01/18
П.С. на английски е Countdown , потърси в гоогле за джаваскрипт има ги доста...
 
еми можеше да му дадеш този който си посочил:
Код:
<script type="text/javascript">
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.getFullYear() - 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 = 's'; hps = 's'; mps = 's'; sps = 's';
                    //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 + ' day' + dps + ' ';
                    document.all.countdown.innerHTML += hours + ' hour' + hps + ' ';
                    document.all.countdown.innerHTML += minutes + ' minute' + mps + ' and ';
                    document.all.countdown.innerHTML += seconds + ' second' + 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);
         }

</script>
<body>
<script type="text/javascript">countdown_clock(06, 1, 18, 00, 00, 1);</script>

само че този май е да му задеш примерно 100 часа и той да брой...а ти мисля че търсиш да зададеш определена дата.


ето ти тук има доста: http://www.scriptgateway.com/scripts/javascript/c44-countdowns-download.html
 
fena1 каза:
само че този май е да му задеш примерно 100 часа и той да брой...а ти мисля че търсиш да зададеш определена дата.
<script type="text/javascript">countdown_clock(06, 1, 18, 00, 00, 1);</script>
където : 06 - годината т.е. 2006
1 - месец т.е. Януари
18 - дата
00 - час
00 - минути
1 - секунди
т.е. до тая дата колко време остава това отброява.. може сам да си ги промени ..
така каго го гледам е писал до определен ЧАС на еди коя си ДАТА :wink:
 
някой може ли да го едитне да го направи да отброява до световното,защото нещо не се справям със скрипта.. :?
 
с кое неможа да се справиш :)

Код:
<script type="text/javascript">countdown_clock(06, 1, 18, 00, 00, 1);</script>

това е последния ред от който зависи датата,часа и тн...

06 - си го оставяш така щото сме си 2006 година :)

на мястото на 1 слагаш месеца(юни)- демек 06 месец

на мястото на 18 слагаш датата -> 09

да речеме че почва в 18:30 първия мач :)

после първите две нули са ти часа ..... -> 18 часа

вторите две нули са ти минутите .... -> 30 мин

последната еденица са ти секундите :) може да я оставиш и така ...

кода става така:

Код:
<script type="text/javascript"> 
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.getFullYear() - 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 = 's'; hps = 's'; mps = 's'; sps = 's'; 
                    //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 + ' day' + dps + ' '; 
                    document.all.countdown.innerHTML += hours + ' hour' + hps + ' '; 
                    document.all.countdown.innerHTML += minutes + ' minute' + mps + ' and '; 
                    document.all.countdown.innerHTML += seconds + ' second' + 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); 
         } 

</script> 
<body> 
<script type="text/javascript">countdown_clock(06,06,09, 18,30, 00);</script>
 
знаем кога почна световното и ние го очакваме с нетарпение
иначе скрипта става
Код:
<script type="text/javascript">
function countdown_clock(06,06,09, 00,00, 00)
         {
         //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.getFullYear() - 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 = 's'; hps = 's'; mps = 's'; sps = 's';
                    //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 + ' day' + dps + ' ';
                    document.all.countdown.innerHTML += hours + ' hour' + hps + ' ';
                    document.all.countdown.innerHTML += minutes + ' minute' + mps + ' and ';
                    document.all.countdown.innerHTML += seconds + ' second' + 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);
         }

</script>
<body>
<script type="text/javascript">countdown_clock(06, 1, 18, 00, 00, 1);</script>

ако искаш и кажи точния час на първия мач :)
 
дайте едно демо да го видя че и на мен май ми трябваше такъв и след това някои да го постне в безплтани кодове ... 8)
 
http://www.cutandpastescripts.com
Тука има точно такова нещо, просто се реги наместваш коя ти е крайната дата, лесно е наистина. Има и др. полесни скриптове
 
А какъв е кода за обратно отброяване, което всеки път щом се рефрешне страницата да започне отначало да отброява?
 
Иначе намерих прост скрипт за отброяване до дата:
Код:
<script language="JavaScript">
TargetDate = "12/31/2020 5:00 AM";
BackColor = "palegreen";
ForeColor = "navy";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
FinishMessage = "It is finally here!";
</script>
<script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script>
 
Здравейте!
Значи възможно ли е да съчетая такъв скритп с ъплоуд система.. в смисъл да показва в минути колко време остава до пълния ъплоуд на файла...???
 

Back
Горе