Avatar billede arlet Juniormester
04. marts 2004 - 14:33 Der er 11 kommentarer og
1 løsning

Skal bruge en nedtæller

Skal bruge en nedtæller til en hjemmeside. Der skal være 3 nedtæller med måneder / dage / timer

så længe til 1: måneder / dage / timer

så længe til 2: måneder / dage / timer

så længe til 3: måneder / dage / timer

Har fundet nogle på nettet, men kan ikke få dem til at virke ordentlig.

Du må gerne paste hele koden her i tråden
Avatar billede ellebaek Nybegynder
04. marts 2004 - 14:42 #1
Måske kan du bruge dette..
http://www.eksperten.dk/spm/375392
Avatar billede arlet Juniormester
04. marts 2004 - 14:51 #2
Nej, desværre. Det skal være nedtælling til 3 forskellige dage f.eks

måneder / dage / timer til 1-5-04

måneder / dage / timer til 1-7-04

måneder / dage / timer til 1-9-04
Avatar billede ellebaek Nybegynder
04. marts 2004 - 20:44 #3
Måske kan du bruge denne..

<!-- Start kode -->

<script language="javascript">
var tid1;
var tid2;
var tid3;

var nu;
var ID = new object();

function update(){
tid1 = new Date(2005,5,2);
tid2 = new Date(2006,5,2);
tid3 = new Date(2004,5,2);
nu = new Date();

sec1 = (tid1.getTime() - nu.getTime()) / 1000;
min1 = sec1 / 60;
sec1 = Math.floor(sec1) % 60;
ho1 = min1 / 60;
min1 = Math.floor(min1) % 60;
da1 = ho1 / 24;
ho1 = Math.floor(ho1) % 24;
mo1 = da1 / 30;
da1 = Math.floor(da1) % 30;
ye1 = mo1 / 12;
mo1 = Math.floor(mo1) % 12;
ye1 = Math.floor(ye1);

document.getElementById('year1').value = ""+ye1;
document.getElementById('month1').value = ""+mo1;
document.getElementById('days1').value = ""+da1;
document.getElementById('hours1').value = ""+ho1;
document.getElementById('minutes1').value = ""+min1;
document.getElementById('seconds1').value = ""+sec1;

sec2 = (tid2.getTime() - nu.getTime()) / 1000;
min2 = sec2 / 60;
sec2 = Math.floor(sec2) % 60;
ho2 = min2 / 60;
min2 = Math.floor(min2) % 60;
da2 = ho2 / 24;
ho2 = Math.floor(ho2) % 24;
mo2 = da2 / 30;
da2 = Math.floor(da2) % 30;
ye2 = mo2 / 12;
mo2 = Math.floor(mo2) % 12;
ye2 = Math.floor(ye2);

document.getElementById('year2').value = ""+ye2;
document.getElementById('month2').value = ""+mo2;
document.getElementById('days2').value = ""+da2;
document.getElementById('hours2').value = ""+ho2;
document.getElementById('minutes2').value = ""+min2;
document.getElementById('seconds2').value = ""+sec2;

sec3 = (tid3.getTime() - nu.getTime()) / 1000;
min3 = sec3 / 60;
sec3 = Math.floor(sec3) % 60;
ho3 = min3 / 60;
min3 = Math.floor(min3) % 60;
da3 = ho3 / 24;
ho3 = Math.floor(ho3) % 24;
mo3 = da3 / 30;
da3 = Math.floor(da3) % 30;
ye3 = mo3 / 12;
mo3 = Math.floor(mo3) % 12;
ye3 = Math.floor(ye3);


document.getElementById('year3').value = ""+ye3;
document.getElementById('month3').value = ""+mo3;
document.getElementById('days3').value = ""+da3;
document.getElementById('hours3').value = ""+ho3;
document.getElementById('minutes3').value = ""+min3;
document.getElementById('seconds3').value = ""+sec3;


ID=window.setTimeout("update();",1000);
}
</script>

<body onload="update()">
<p>Der er
<input type="text" id="year1" value="0" style="width:25px;" size="2">år <input type="text" id="month1" value="0" style="width:25px;" size="2">måneder <input type="text" id="days1" value="0" style="width:25px;" size="2">dage <input type="text" id="hours1" value="0" style="width:25px;" size="2">timer <input type="text" id="minutes1" value="0" style="width:25px;" size="2">minutter <input type="text" id="seconds1" value="0" style="width:25px;" size="2">sekunder til tid1</p>

<p>Der er <input type="text" id="year2" value="0" style="width:25px;" size="2">år <input type="text" id="month2" value="0" style="width:25px;" size="2">måneder <input type="text" id="days2" value="0" style="width:25px;" size="2">dage <input type="text" id="hours2" value="0" style="width:25px;" size="2">timer <input type="text" id="minutes2" value="0" style="width:25px;" size="2">minutter <input type="text" id="seconds2" value="0" style="width:25px;" size="2">sekunder til tid2</p>

<p>Der er <input type="text" id="year3" value="0" style="width:25px;" size="2">år <input type="text" id="month3" value="0" style="width:25px;" size="2">måneder <input type="text" id="days3" value="0" style="width:25px;" size="2">dage <input type="text" id="hours3" value="0" style="width:25px;" size="2">timer <input type="text" id="minutes3" value="0" style="width:25px;" size="2">minutter <input type="text" id="seconds3" value="0" style="width:25px;" size="2">sekunder til tid3</p>


<!-- Slut kode -->

Så ændre du disse linier
tid1 = new Date(2005,5,2);
tid2 = new Date(2006,5,2);
tid3 = new Date(2004,5,2);

til de tidspunkter du vil have... format new Date(år,måned,dag)
Avatar billede arlet Juniormester
04. marts 2004 - 23:02 #4
Den er godtaget*S*

Tak for det.

Lægger du et svar.
Avatar billede arlet Juniormester
04. marts 2004 - 23:21 #5
Hov den tæller en måned forkert.

Har sat den til:
tid1 = new Date(2004,3,15);
tid2 = new Date(2004,5,17);
tid3 = new Date(2004,7,12);

http://www.arlet.dk/freestride/nedtaelling.htm
Avatar billede ellebaek Nybegynder
04. marts 2004 - 23:45 #6
hmm... Ja det er jo ikke helt godt ;-)
kigger lige på det... 2 sek.
Avatar billede ellebaek Nybegynder
04. marts 2004 - 23:48 #7
hmm...

Jeg ved ikke helt hvorfor den talte forkert, men nu har jeg bare trukket 1 fra månederne... Så passer den.. Så koden kommer til at se ud som:

<script language="javascript">
var tid1;
var tid2;
var tid3;

var nu;
var ID = new object();

function update(){
tid1 = new Date(2005,3,15);
tid2 = new Date(2004,5,17);
tid3 = new Date(2004,7,12);
nu = new Date();

sec1 = (tid1.getTime() - nu.getTime()) / 1000;
min1 = sec1 / 60;
sec1 = Math.floor(sec1) % 60;
ho1 = min1 / 60;
min1 = Math.floor(min1) % 60;
da1 = ho1 / 24;
ho1 = Math.floor(ho1) % 24;
mo1 = da1 / 30;
da1 = Math.floor(da1) % 30;
ye1 = mo1 / 12;
mo1 = Math.floor(mo1) % 12;
ye1 = Math.floor(ye1);

document.getElementById('year1').value = ""+ye1;
document.getElementById('month1').value = ""+mo1-1;
document.getElementById('days1').value = ""+da1;
document.getElementById('hours1').value = ""+ho1;
document.getElementById('minutes1').value = ""+min1;
document.getElementById('seconds1').value = ""+sec1;

sec2 = (tid2.getTime() - nu.getTime()) / 1000;
min2 = sec2 / 60;
sec2 = Math.floor(sec2) % 60;
ho2 = min2 / 60;
min2 = Math.floor(min2) % 60;
da2 = ho2 / 24;
ho2 = Math.floor(ho2) % 24;
mo2 = da2 / 30;
da2 = Math.floor(da2) % 30;
ye2 = mo2 / 12;
mo2 = Math.floor(mo2) % 12;
ye2 = Math.floor(ye2);

document.getElementById('year2').value = ""+ye2;
document.getElementById('month2').value = ""+mo2-1;
document.getElementById('days2').value = ""+da2;
document.getElementById('hours2').value = ""+ho2;
document.getElementById('minutes2').value = ""+min2;
document.getElementById('seconds2').value = ""+sec2;

sec3 = (tid3.getTime() - nu.getTime()) / 1000;
min3 = sec3 / 60;
sec3 = Math.floor(sec3) % 60;
ho3 = min3 / 60;
min3 = Math.floor(min3) % 60;
da3 = ho3 / 24;
ho3 = Math.floor(ho3) % 24;
mo3 = da3 / 30;
da3 = Math.floor(da3) % 30;
ye3 = mo3 / 12;
mo3 = Math.floor(mo3) % 12;
ye3 = Math.floor(ye3);


document.getElementById('year3').value = ""+ye3;
document.getElementById('month3').value = ""+mo3-1;
document.getElementById('days3').value = ""+da3;
document.getElementById('hours3').value = ""+ho3;
document.getElementById('minutes3').value = ""+min3;
document.getElementById('seconds3').value = ""+sec3;


ID=window.setTimeout("update();",1000);
}
</script>

<body onload="update()">
<p>Der er
<input type="text" id="year1" value="0" style="width:25px;" size="2">år <input type="text" id="month1" value="0" style="width:25px;" size="2">måneder <input type="text" id="days1" value="0" style="width:25px;" size="2">dage <input type="text" id="hours1" value="0" style="width:25px;" size="2">timer <input type="text" id="minutes1" value="0" style="width:25px;" size="2">minutter <input type="text" id="seconds1" value="0" style="width:25px;" size="2">sekunder til tid1</p>

<p>Der er <input type="text" id="year2" value="0" style="width:25px;" size="2">år <input type="text" id="month2" value="0" style="width:25px;" size="2">måneder <input type="text" id="days2" value="0" style="width:25px;" size="2">dage <input type="text" id="hours2" value="0" style="width:25px;" size="2">timer <input type="text" id="minutes2" value="0" style="width:25px;" size="2">minutter <input type="text" id="seconds2" value="0" style="width:25px;" size="2">sekunder til tid2</p>

<p>Der er <input type="text" id="year3" value="0" style="width:25px;" size="2">år <input type="text" id="month3" value="0" style="width:25px;" size="2">måneder <input type="text" id="days3" value="0" style="width:25px;" size="2">dage <input type="text" id="hours3" value="0" style="width:25px;" size="2">timer <input type="text" id="minutes3" value="0" style="width:25px;" size="2">minutter <input type="text" id="seconds3" value="0" style="width:25px;" size="2">sekunder til tid3</p>
Avatar billede arlet Juniormester
05. marts 2004 - 07:35 #8
Så er den i orden.

Tak for det
Avatar billede roenving Novice
05. marts 2004 - 14:55 #9
Javascript tæller måneder som et index i et array, og da alle arrays tælles nul-baseret er januar derfor måned nr. 0, december tilsvarende måned nr. 11 !-)
Avatar billede arlet Juniormester
05. marts 2004 - 15:21 #10
Roenving -> Hvis den kommentar er til mig, så må du oversæt den til dansk, for jeg fatter NADA af det*G*

men det var bare til lidt sjovt, og det funger fint det ellebaek er kommet med..
Avatar billede ellebaek Nybegynder
05. marts 2004 - 22:06 #11
Jeg takker for points...
..Ellebæk!
Avatar billede roenving Novice
06. marts 2004 - 07:40 #12
Alt i javascript tælles fra 0 ...

For eksempel er det første tegn i en tekststreng placeret på plads nummer nul, og når man så laver lister (arrays !-) har det første element i listen nummer nul ...

Af en eller anden grund (som jeg ikke har gennemskuet, men godt kan lave en forklaring på !-) kalder den måneder for lister, hvorefter den første måned har nummer 0, og den 12. måned derfor er nummer 11 !o]
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester