Avatar billede serverkudsk Nybegynder
11. december 2004 - 14:05 Der er 8 kommentarer og
1 løsning

countdown til eks jul

hej eksperter :]

jeg står og mangler en countdown function som kan tælle antal dage, timer, minutter og sekunder fra i dag, til en given dato...

Som eks: http://www.durupswimteam.dk/ hvor der tælles ned til jul. det skal bare være live, men ellers se sådan ud

håber der er nogen der ved hvordan den kan laves..

på forhånd tak!
Avatar billede philip1804 Nybegynder
11. december 2004 - 14:15 #1
Avatar billede serverkudsk Nybegynder
11. december 2004 - 15:44 #2
det skal bruges så nedtællingen bliver live, og sal se sådan ud...

og jeg ved ikke noget om java
Avatar billede serverkudsk Nybegynder
11. december 2004 - 15:46 #3
Jeg har denne kode indtil nu...

<html>
<head>
<title> Nedtaelling til foedselsdag </title>
<script language="JavaScript">
<!--
//COUNTDOWN SCRIPT
//Check and set browser and version
browserName = navigator.appName;
browserVersion = parseInt(navigator.appVersion);
if (browserName == "Netscape" && browserVersion >= 3) ver = "n3";
else
if (browserName == "Microsoft Internet Explorer" && browserVersion >= 4) ver = "e4";
else
if (browserName == "Microsoft Internet Explorer" && browserVersion == 2) ver = "e3";
else
ver = "n2";

//sets the clock to reflect the time from the PC viewing this page
if (ver == "n3" || ver == "e4")
var timerID;
var timerRunning = false;
var now = new Date();
var lastday = new Date();
var secPerDay = 0;
var minPerDay = 0;
var hourPerDay = 0;
var secsLeft = 0;
var secsRound = 0;
var secsRemain = 0;
var minLeft = 0;
var minRound = 0;
var minRemain = 0;
var timeRemain = 0;
var decremain = 0;
var decround = 0;

function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}

function startclock () {
stopclock();
showtime();
}

function showtime () {
now = new Date();
lastday = new Date("December, 24 2004 00:00");

lastday.setYear("2004");
secsPerDay = 1000 ;
minPerDay = 60 * 1000 ;
hoursPerDay = 60 * 60 * 1000;
PerDay = 24 * 60 * 60 * 1000;

/*Seconds*/
secsLeft = (lastday.getTime() - now.getTime()) / minPerDay;
decremain = (lastday.getTime() - now.getTime()) / secsPerDay;
decround = Math.round(decremain);
decremain = decround + " seconds";
secsRound = Math.round(secsLeft);
secsRemain = secsLeft - secsRound;
secsRemain = (secsRemain < 0) ? secsRemain = 60 - ((secsRound - secsLeft) * 60) : secsRemain = (secsLeft - secsRound) * 60;
secsRemain = Math.round(secsRemain);

/*Minutes*/
minLeft = ((lastday.getTime() - now.getTime()) / hoursPerDay);
minRound = Math.round(minLeft);
minRemain = minLeft - minRound;
minRemain = (minRemain < 0) ? minRemain = 60 - ((minRound - minLeft) * 60) : minRemain = ((minLeft - minRound) * 60);
minRemain = Math.round(minRemain - 0.495);

/*Hours*/
hoursLeft = ((lastday.getTime() - now.getTime()) / PerDay);
hoursRound = Math.round(hoursLeft);
hoursRemain = hoursLeft - hoursRound;
hoursRemain = (hoursRemain < 0) ? hoursRemain = 24 - ((hoursRound - hoursLeft) * 24) : hoursRemain = ((hoursLeft - hoursRound) * 24);
hoursRemain = Math.round(hoursRemain - 0.5);

/*Days*/
daysLeft = ((lastday.getTime() - now.getTime()) / PerDay);

aysLeft = (daysLeft - 0.5);
daysRound = Math.round(daysLeft);
daysRemain = daysRound;

/*Time*/
timeRemain = daysRemain + " dage, " + hoursRemain + " timer, " + minRemain + " minutter, " + secsRemain + " sekunder ";

document.getElementById("nedtaelling").innerHTML = timeRemain;

timerID = setTimeout("showtime()",1000);
timerRunning = true;
if (daysRemain < 0) {
clearTimeout(timerID);
timerRunning = false;
document.clock.face.value = "Tillykke!";
}
}
// end hiding script from browsers that do not support it
// -->
</script>
</head>

<body bgcolor="WHITE" onload="startclock ()">

Nedtælling: <span id="nedtaelling"></span>

</body>
</html>
Avatar billede cmau Nybegynder
12. december 2004 - 17:42 #4
Ovenstående kode virker fint i IE
Avatar billede -kick- Nybegynder
12. december 2004 - 22:29 #5
Ret:
Nedtælling: <span id="nedtaelling"></span>
til:
Nedtælling: <div id="nedtaelling"></div>
Avatar billede rene_graff Nybegynder
14. december 2004 - 20:03 #6
<SCRIPT LANGUAGE="JAVASCRIPT">
today = new Date();
BigDay = new Date("December 24, 2004")
msPerDay = 24 * 60 * 60 * 1000 ;
timeLeft = (BigDay.getTime() - today.getTime());
e_daysLeft = timeLeft / msPerDay;
daysLeft = Math.floor(e_daysLeft);
e_hrsLeft = (e_daysLeft - daysLeft)*24;
hrsLeft = Math.floor(e_hrsLeft);
minsLeft = Math.floor((e_hrsLeft - hrsLeft)*60);
document.write("<h4>Der er kun " + daysLeft + " dage " + hrsLeft +" timer og " + minsLeft + " minutter tilbage til jule aften </B><P></h4>");
</SCRIPT>



ps. du kan ændre tiden i koden..

håber du kan bruge det til noget??
Avatar billede roenving Novice
18. december 2004 - 17:25 #7
Du kan også hente en kode, som gør det nemt her: http://roenving.users.whitehat.dk/date/roenvingDate.html

-- hvis du prøver at skrive 2004,11,24 i den boks, som hedder Reference, vil den straks vise en nedtælling !-)

Hvis du downloader roenvingDate.zip og udpakker roenvingDate.js kan en kode f.eks. se sådan ud:

<script language="javascript" type="text/javascript" src="roenvingDate.js"></script>
<script language="javascript" type="text/javascript">
var dato = new Date(2004,11,24,18);//Bemærk måned skal være en mindre !-)
function opdater(){
  document.getElementById('visTid').innerHTML = dato.age(0,0,6,1) + " til juleaftensmaden";
}
window.onload = function(){opdater();setInterval('opdater()',1000)}
</script>

<div id="visTid"></div>
Avatar billede serverkudsk Nybegynder
12. januar 2005 - 23:41 #8
dette kunne jeg ikke rigtig bruge desværre...
Avatar billede serverkudsk Nybegynder
12. januar 2005 - 23:42 #9
men smid et svar, og i skal få nogle point, da det er lidt om det i har lavet..
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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