Countdown teller?? Wie kan mij hierbij helpen

[Harma]

Hallo allemaal,
Ik heb sinds enige tijd een site gemaakt voor onze carnavalsvereniging, is op zich best redelijk gelukt met frontpage. Maar nu is mij gevraagt of ik er geen teller op kan plaatsen die aftelt naar 17 febuari 2007 (carnaval volgend jaar). Nu heb ik al verschillende site's bezocht maar ik krijg het niet voor elkaar, mijn vraag is dus of iemand voor mij een script zou kunnen maken, deze hoeft alleen de dagen tot aan carnaval 2007 aan te geven. Graag meteen er even bijvertellen hoe ik dit moet plaatsen.
De site waar het geplaats zou moeten worden is www.deporkys.nl
Alvast hartelijk bedankt

 

[sjunnie]

Ik kan je er niet mee helpen door je een kant en klaar script aan te reiken, maar wel een duwtje in de richting geven.

Zoek maar eens hier:
http://www.hotscripts.com/JavaScript/Scripts_and_Programs/index.html

 

[JeroenE]

Ik schrijf dit weekend een scriptje hiervoor.
Kan jammer genoeg niet vroeger.

Greetz : Jeren.

 

[Harma]

Hoi JeroenE
Als je het in het weekend zou willen doen ben ik daar al heeeel blij mee, alvast bedankt.

 

[JeroenE]

Ik ben er geraakt met een eigenlijk wel wat omslachtig script, maar mijn kennis reikt nog niet ver genoeg om het te vereenvoudigen.
Werken doet het wel.
Er wordt ook rekening gehouden met de schrikkeljaren als die er zijn.

Plak het volgende gewoon op de plaats waar het moet komen :

<script language="javascript">
<!--
var month_arr = new Array("Januari","Februari","March","April","June","July","August","September","October","November","December");
var days_arr = new Array(31,"",31,30,31,30,31,31,30,31,30,31);
var the_year = 2007;
var the_month = 2;
var the_day = 17;
var now = new Date();
var now_year = now.getFullYear();
var now_month = now.getMonth();
var now_day = now.getDate();
var days_left = 0;
var month, next_leapyear = 2008;
function addYear() {
if (years == next_leapyear) {
days_left += 366;
next_leapyear += 4;
} else {
days_left += 365;
};
};
if (now_year < the_year) {
for (var years = now_year; years < the_year - 1; years++) {
addYear();
};
if (now_month < the_month) {
addYear();
};
};
if ((now_year == next_leapyear) && (now_month <= 1)) {
days_arr[1] = 29;
} else if ((the_year == next_leapyear) && (the_month >= 2)) {
days_arr[1] = 29;
} else {
days_arr[1] = 28;
};
if (now_month < the_month - 1) {
for (month = now_month; month < the_month - 1; month++) {
days_left += days_arr[month];
};
};
if (now_month > the_month - 1) {
for (month = now_month + 1; month < days_arr.length; month++){
days_left += days_arr[month];
};
for (month = 0; month < the_month - 1; month++) {
days_left += days_arr[month];
};
};
if (now_day > the_day) {
days_left += days_arr[now_month] - now_day;
days_left += the_day;
};
if (now_day < the_day) {
days_left += the_day - now_day;
};
var day = (days_left == 1) ? "dag" : "dagen";
document.write("<center><p>" + the_day + " " + month_arr[the_month-1] + " " + the_year + "</p>");
document.write("<p>Nog " + days_left + " " + day + " te gaan</p></center>");
-->
</script>

-> Voorbeeld <-

Laat gerust weten welke aanpassingen je nog wilt, want die zullen zeker moeten gebeuren. Dan brengen we die nog even aan.

Greetz : Jeren.

 

[Harma]

Hoi.
Bedankt voor het script.
Zou het mogenlijk zijn om bij de tekst 17 februari 2007 tussen februari en 2007 het woord CARNAVAL te plaatsen.

 

[JeroenE]

Als je het script bekijkt, dan staat er op de vierde laatste regel het volgende :

document.write("<center><p>" + the_day + " " + month_arr[the_month-1] + " " + the_year + "</p>");

Dat wordt het volgende :

document.write("<center><p>" + the_day + " " + month_arr[the_month-1] + " CARNAVAL " + the_year + "</p>");

Greetz : Jeren.

 

[Harma]

Hallo Jeroen,
Harstikke bedankt, het is perfect.
Ik heb het meteen op de site geplaatst en ziet er goed uit.
Nu alleen het probleem met mijn gastenboek nog opgelost krijgen dan is alles weer oke.
Nogmaals bedankt ook namens alle leden van cv de Porkys

 

[JeroenE]

Blij dat ik kon helpen.
Veel succes ermee.

Je kan het script ook in de toekomst gebruiken.
Verander hiervoor het volgende :

var the_year = 2007;
var the_month = 2;
var the_day = 17;

De 2007 in het gewenste jaar, de 2 in de gewenste maand en de 17 in de gewenste datum.

Nog even hier rechtsonder bij "status van de vraag" de vraag opgelost zetten.

Greetz : Jeren.

 

[Harma]

Hallo, hier ben ik toch nog even.
De teller die gemaakt is werkte perfect maar sinds vandaag klopt ie ineens niet meer.
Volgens mijn eigen telling is het vanaf vandaag 3 april 2006 tot 17 febr 2007 nog 319 dagen en de teller geeft 290 dagen aan. Ik weet niet hoe dit kan, ik hoop dan ook dat er nog even naar gekeken kan worden.

 

[JeroenE]

Je hebt gelijk, ik kijk het even na.

Greetz : Jeren.

 

[Egel]

Jeroen, dit lijkt me handiger als je alleen het aantal dagen nodig hebt:

<script type="text/javascript">
 var carnaval = new Date(2007,02-1,17), nu = new Date(), dagen;
 dagen = Math.ceil((carnaval.getTime() - nu.getTime()) / 864e5);

 document.writeln(dagen);
</script>

De .getTime() geeft het aantal milliseconde sinds 1 januari 1970 GMT. Als je het verschil deelt door 864e5, het aantal milliseconde per dag, heb je het aantal dagen. Math.Ceil() rond het dan goed (naar boven) af.


Greetz, Egel.

 

[JeroenE]

Zal dat tje er maar weer aanplakken hé

Greetz : Jeren.

 

[Harma]

Hallo,
Ik hoor het wel als je iets verandert hebt en hoe ik het dan weer moet doen, in ieder geval alvast weer bedankt

 

[Egel]

Als je het huidige script vervangt door:

<center>
 <p>17 Februari CARNAVAL 2007</p>
 <script type="text/javascript">
  <!--
   var days = Math.ceil((new Date(2007,1,17).getTime() - new Date().getTime()) / 864e5);
   if (days > 0) {
    document.writeln('<p>Nog ' + days + ' dag' + (days > 1 ? 'en' : '') + ' te gaan</p>');
    } else {
    document.writeln('<p>Het CARNAVAL is begonnen!</p>');
    };
  // -->
 </script>
</center>

dan werkt het weer. Zie bijlage.

Tot 17 feb 2007 geeft het "Nog # dag(en) te gaan", daarna "Het CARNAVAL is begonnen!".


Vr.Gr. Egel.

 

[Harma]

Bedankt allemaal, ik hoop dat het nu goed blijft werken.