nedtæller til en dag.

Her kan du få hjælp og stille spørgsmål til JavaScript!
Besvar
henrik_t7
Nørd
Nørd
Indlæg:102
Tilmeldt:26. jul 2011, 20:12
nedtæller til en dag.

Indlæg af henrik_t7 » 9. mar 2012, 21:25

Hej.

Hvordan laver man en tæller der tæller ned fra en bestem dag, feks. 31/3 2012 kl 19.00
Der må gerne tælle ned i dage, timer og sec.
helst i javascript, men PHP kan også bruges.
Tak for en super side. :lol:

MVH
Henrik
Top
Brugeravatar
PatricksGamerTag
Rutineret
Rutineret
Indlæg:89
Tilmeldt:27. nov 2011, 14:47
Geografisk sted:Nordjylland, Visborg

Re: nedtæller til en dag.

Indlæg af PatricksGamerTag » 9. mar 2012, 21:40

Hej henrik! :)

Dette burde virke:

Kode: Vælg alt

<form name="count">
<input type="text" size="69" name="count2">
</form>


<script>

//Skift det her til hvad du gerne vil have det til at sige.
var before="Jul!"
var current="I dag er der jul! glædelig jul!"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countdown(yr,m,d){
theyear=yr;themonth=m;theday=d
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[m-1]+" "+d+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
if(dday==0&&dhour==0&&dmin==0&&dsec==1){
document.forms.count.count2.value=current
return
}
else
document.forms.count.count2.value="Kun "+dday+ " dage, "+dhour+" timer, "+dmin+" minuter, og "+dsec+" sekunder tilbage til "+before
setTimeout("countdown(theyear,themonth,theday)",1000)
}
//Skriv hvad den skal tælle ned fra.
countdown(2012,12,24)
</script>
Hvor den så fx vil skrive

"Kun 289 dage, 2 timer, 17 minuter, og 59 sekunder tilbage til Jul!"


:)
Top
henrik_t7
Nørd
Nørd
Indlæg:102
Tilmeldt:26. jul 2011, 20:12

Re: nedtæller til en dag.

Indlæg af henrik_t7 » 9. mar 2012, 21:48

Hej.

Super, jeg se på det.

Tak :D :D :D
Top
henrik_t7
Nørd
Nørd
Indlæg:102
Tilmeldt:26. jul 2011, 20:12

Re: nedtæller til en dag.

Indlæg af henrik_t7 » 12. mar 2012, 20:29

Hej.

Super det virker fint.
Men kan man ikke gør teksten lidt farvet, så man kan se de på en grøn baggrund.

Tak igen.

:D :D
Top
Brugeravatar
PatricksGamerTag
Rutineret
Rutineret
Indlæg:89
Tilmeldt:27. nov 2011, 14:47
Geografisk sted:Nordjylland, Visborg

Re: nedtæller til en dag.

Indlæg af PatricksGamerTag » 12. mar 2012, 20:33

Kode: Vælg alt

<font color="red">
<form name="count">
<input type="text" size="69" name="count2">
</form>


<script>

//Skift det her til hvad du gerne vil have det til at sige.
var before="Jul!"
var current="I dag er der jul! glædelig jul!"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countdown(yr,m,d){
theyear=yr;themonth=m;theday=d
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[m-1]+" "+d+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
if(dday==0&&dhour==0&&dmin==0&&dsec==1){
document.forms.count.count2.value=current
return
}
else
document.forms.count.count2.value="Kun "+dday+ " dage, "+dhour+" timer, "+dmin+" minuter, og "+dsec+" sekunder tilbage til "+before
setTimeout("countdown(theyear,themonth,theday)",1000)
}
//Skriv hvad den skal tælle ned fra.
countdown(2012,12,24)
</script>
</font>
Noget i den stil? ;)
Top
henrik_t7
Nørd
Nørd
Indlæg:102
Tilmeldt:26. jul 2011, 20:12

Re: nedtæller til en dag.

Indlæg af henrik_t7 » 12. mar 2012, 21:05

Jeg har lavet denne css i din kode.

Kode: Vælg alt

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
    <meta name="created" content="fr, 09 mar 2012 20:42:29 GMT">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title></title>
    <style type="text/css">
    <!--
    
    
    form input {color:#FF8000;
	            background-color:#FFFF00;}
    -->
    </style>
    <!--[if IE]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
	
  </head>
  <body>
<form name="count">
<input type="text" size="69" name="count2">
</form>


<script>

//Skift det her til hvad du gerne vil have det til at sige.
var before="sgp!"
var current="I dag er der SGP fra New Zaeland, JUBI!"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countdown(yr,m,d){
theyear=yr;themonth=m;theday=d
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[m-1]+" "+d+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
if(dday==0&&dhour==0&&dmin==0&&dsec==1){
document.forms.count.count2.value=current
return
}
else
document.forms.count.count2.value="Kun "+dday+ " dage, "+dhour+" timer, "+dmin+" minutter, and "+dsec+" sekunter tilbage "+before
setTimeout("countdown(theyear,themonth,theday)",1000)
}
//Skriv hvad den skal tælle ned fra.
countdown(2012,3,13)
</script>
  </body>
</html>
Kan man ikke udvide den med en tid, feks. tællened fra 13/3 2012 kl. 12.00

:D
Top
Brugeravatar
PatricksGamerTag
Rutineret
Rutineret
Indlæg:89
Tilmeldt:27. nov 2011, 14:47
Geografisk sted:Nordjylland, Visborg

Re: nedtæller til en dag.

Indlæg af PatricksGamerTag » 12. mar 2012, 21:10

Hej.

Har søgt lidt på google og har fundet dette:

Kode: Vælg alt

<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>
Tror det der den du leder efter. :) Den virker på sammme måde som den jeg gav dig tidligere bare med et bestemt klokslet..:)
Top
henrik_t7
Nørd
Nørd
Indlæg:102
Tilmeldt:26. jul 2011, 20:12

Re: nedtæller til en dag.

Indlæg af henrik_t7 » 12. mar 2012, 21:18

Super fint.

Jeg se på det.

:D :D :D
Top
henrik_t7
Nørd
Nørd
Indlæg:102
Tilmeldt:26. jul 2011, 20:12

Re: nedtæller til en dag.

Indlæg af henrik_t7 » 5. maj 2012, 22:38

Hej.

Jeg har sat den på min side, den virker kun i IE9 og ikke i Firefox 12?
Den tæller fint ned i IE9, men i Firefox 12 viser den ingen tal, kun bukstaver.
se linkhttp://www.danskspeedway.dk/

:roll:
Henrik
Top
Besvar

Tilbage til "JavaScript"