CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede __ak Nybegynder
04. december 2008 - 11:47 Der er 8 kommentarer og
1 løsning

Javascript countdown

Hello kinda fellas kinda folks

Nu har jeg brugt nogle timer på at finde en ordentlig javascript countdown, som live tæller ned til en given dato.
XX år XX måneder XX dage XX timer XX minutter XX sekunder.

Jeg har ikke kunnet finde nogle ordentlige som talte rigtigt osv.
Er der nogen herinde der har nogle gode erfaringer med nogle countdowns?
Jeg kan selv javascript, så jeg kan rette de fleste scripts til, hvis der er nogle der ikke helt opfylder mine krav.

//__ak
Avatar billede klaudi Ekspert
04. december 2008 - 19:04 #1
Her er 2.4 millioner hits
http://www.google.dk/search?hl=da&q=countdown+Javascript&meta=

:-)
Avatar billede klaudi Ekspert
04. december 2008 - 19:41 #2
Da det snart er jul, nedtæl til 24-12
<SCRIPT language=JavaScript>
<!--
var now  = new Date();
var birthd = new Date("dec 24, 2008");
var toGo = birthd.getTime() - now.getTime();
var days = Math.floor(toGo / (1000 * 60 * 60 * 24));

if (days < 0)
    document.write("Jul lige <u>nu</u>!!");

else if (days < 1)
    document.write("Jul i morgen.")

else
    document.write("Jul om <u>" + days + "</u> dage.")
//-->

</SCRIPT>

:)
Avatar billede mr2wear Nybegynder
10. december 2008 - 17:50 #3
klaudi2k8 - hvordan udvider du den med timer og minutter?

Tak! og god jul ;)
Avatar billede klaudi Ekspert
10. december 2008 - 20:33 #4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<!-- Minus AutoDato -->
    <TITLE>Nedtæl til jul</TITLE>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
</HEAD>

<BODY BGCOLOR="#FFFFFF" TEXT="#FFFFFF">

<CENTER>
<SCRIPT LANGUAGE="JavaScript1.2">
function setcountdown(theyear,themonth,theday,thehour,themin,thesec){
yr=theyear;mo=themonth;da=theday;hr=thehour;min=themin;sec=thesec
}

//////////Bewerk  het aftelscript hier//////////////////

//STEP 1: her skrives datoen som skal tælles ned til, i formatet  year, month, day, hour(0=midnight,23=11pm), minutes, seconds:
setcountdown(2008,12,24,00,00,00)

//STEP 2: her kan du skrive en besked om hvad der tælles ned til
var occasion=".....det er Juleaften.. "
var message_on_occasion="*** GLÆDELIG JUL ***"

//STEP 3: Her kan du indstille udseendet, på countdown arealet, bredde, højde, baggrunds farve, og skrifttype
var countdownwidth='640px'
var countdownheight='35px'
var countdownbgcolor='blue'
var opentags='<font face="Verdana" color="#FFFFFF"><small>'
var closetags='</small></font>'

//////////her skal IKKE ændres noget//////////////////

var montharray=new Array("Jan","Feb","Mar","Apr","Maj","Jun","Jul","Aug","Sep","Okt","Nov","Dec")
var crosscount=''

function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}

if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')

window.onload=start_countdown


function countdown(){
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[mo-1]+" "+da+", "+yr+" "+hr+":"+min+":"+sec
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 on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"For sent hændelse er overstået! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"For sent hændelse er overstået! "+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " dage, "+dhour+" timer, "+dmin+" minutter, og "+dsec+" sekunder tilbage til "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " dage, "+dhour+" timer, "+dmin+" minutter, og "+dsec+" sekunder tilbage til "+occasion+closetags
}
setTimeout("countdown()",1000)
}
</SCRIPT>

<ILAYER ID="countdownnsmain" WIDTH="&amp;{countdownwidth};" HEIGHT="&amp;{countdownheight};" BGCOLOR="&amp;{countdownbgcolor};" VISIBILITY="hide">
<LAYER ID="countdownnssub" WIDTH="&amp;{countdownwidth};" HEIGHT="&amp;{countdownheight};" LEFT="0" TOP="0"></LAYER></ILAYER></FONT>
</CENTER>


</BODY>
</HTML>

prøv denne og god jul

mvh klaudi
Avatar billede klaudi Ekspert
10. december 2008 - 21:46 #5
En mere

<HTML>
<HEAD>
<TITLE>Nedtælling til jul</TITLE>
</HEAD>
<BODY>

<CENTER>
<SPAN ID=c1 STYLE="FONT: bold 24px verdana; COLOR: blue"></SPAN>
<BR>
<SPAN ID=c2 STYLE="FONT: bold 22px verdana; COLOR: red">;</SPAN>
<BR><BR>
<FONT SIZE="2" FACE="Verdana">..til den 24 December 2008</FONT>
</CENTER>

<SCRIPT TYPE="text/javascript">
// her skrives datoen der skal tælles ned til normalt er GTM+2 GMT+1
var end = new Date("December 24, 2008 00:00:00 GMT+1");
function toSt2(n) {
  s = "";
  if (n < 10) s += "0";
  return (s + n).toString();
}
function toSt3(n) {
  s = "";
  if (n < 10) s += "00";
  else if (n < 100) s += "0";
  return (s + n).toString();
}
function countdown() {
  d = new Date();
  count = Math.floor(end.getTime() - d.getTime());
  if(count > 0) {
    miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
    seconds = toSt2(count%60); count = Math.floor(count/60);
    minutes = toSt2(count%60); count = Math.floor(count/60);
    hours = toSt2(count%24); count = Math.floor(count/24);
    days = count;
    c1.innerText = days + ' Dage';
    c2.innerText = hours + ':' + minutes + ':' + seconds + '.' + miliseconds + '';
    setTimeout("countdown()", 50);
  }
}
window.onload=countdown;
</SCRIPT>

</BODY>
</HTML>

mvh klaudi
Avatar billede mr2wear Nybegynder
10. december 2008 - 22:09 #6
Tak Klaudi! :)
Avatar billede olebole Juniormester
11. december 2008 - 10:20 #7
<ole>

http://www.eksperten.dk/spm/855634#rid7274651

/mvh
</bole>
Avatar billede __ak Nybegynder
12. december 2008 - 11:07 #8
jeg brugte dit sidste svar klaudi2k8, så hvis du lægger et svar får du nogle points :-)

Det krævede lidt små rettelser, her er det jeg kom frem til:
------------------------------
<html>
<head>
<script type="text/javascript">
var end = new Date("September 4, 2009 15:00:00 GMT+1");
function toSt2(n) {
    s = "";
    if (n < 10) s += "0";
    return (s + n).toString();
}
function countdown() {
    d = new Date();
    count = Math.floor(end.getTime() - d.getTime());
    if(count > 0) {
        count = Math.floor(count/1000);
        seconds = toSt2(count%60); count = Math.floor(count/60);
        minutes = toSt2(count%60); count = Math.floor(count/60);
        hours = toSt2(count%24); count = Math.floor(count/24);
        days = count;
        document.getElementById('timeDisplay').innerHTML = days + ' dage, '+ hours + ' timer, ' + minutes + ' min. ' + seconds + ' sek.';
        setTimeout("countdown()", 1000);
    }
}
window.onload=countdown;
</script>
</head>
<body>
Tid indtil 4. September 2009 kl. 15:00
<div id="timeDisplay"></div>
</body>
</html>
-------------------------------
Avatar billede klaudi Ekspert
12. december 2008 - 13:35 #9
Ok :-)
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

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Disable button efter 1. klik Af nemlig i JavaScript 2 05/05/202415:37 05/05/202416:25
Beregning af sum via PHP og SQL Af dane022 i JavaScript 3 10/02/202421:38 12/02/202409:41
Kode der tjekker telefonnummer i formular Af Asky i JavaScript 2 27/12/202321:42 28/12/202314:41
Nogle af mine formularer i PHP er plaget af spam Af Asky i JavaScript 12 19/12/202313:31 10/01/202411:04
Vis data fra en anden fil i en div Af EveryMA i JavaScript 2 19/10/202307:02 20/10/202307:02
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 15:30 signalforstærker til trådløs rutrer tænkes brugt til pc næt pc -og MÅSKE TV 4 m borte eller begge Af Novice-1 i Routere & Switches
I dag 11:43 Hvilket styresystem på en gammel Pc ??? Af Jan Post i Andre styresystemer
I dag 07:44 Virus advarsler - falske Af jdann i Backup- & Antivirus
I går 19:32 Formler der blev væk Af Klaus W i Excel
I går 15:22 Hent array key Af nemlig i PHP
White papers
Flere white papers »


Premium
Teaser billede
Her er de nye medlemmer af Statens It-råd: Skal vurdere it-projekter på over 15 millioner kroner
Læs mere »
Antallet af anmeldelser af ulovligt indhold på beskedtjenester stiger: Regeringen skubber ansvaret videre til EU og Belgien
Efter masser af kritik af store prisstigninger: VMware åbner for gratis licenser - ændrer i licens-strukturen
Seks store selskaber med på årets image-liste for første gang: Kæmper alle med lav kendskabsgrad
Se alle »
Computerworld
Teaser billede
Nyopdaget sårbarhed rammer næsten alle VPN'er: Gør dem usikre og nærmest ubrugelige
Læs mere »
Om under en uge går det løs: Pc’en bliver aldrig den samme igen
VPN-test fra virkeligheden: To tjenester som glimrer på hver deres måde
Test: Samsungs nyeste laptop er noget af det tætteste du kommer på en Windows-Macbook
Se alle »
CIO
Teaser billede
Nu begynder den største GDPR-retssag mod dansk myndighed nogensinde: Står over for million-bøde
Læs mere »
Lukker it-systemerne ned i to uger på grund af implementering: Den bedste måde at sikre, at ingen data går tabt
Sådan har Coop sagt farvel til mainframen - sparer et to-cifret millionbeløb årligt på licenser
Hundredevis af selskaber klager over Microsofts licens-policy: Vi er låst fast og bundet
Se alle »
Job & Karriere
Teaser billede
Her er Danmarks fem bedste CIO’er lige nu: Se de fem nominerede til prisen som Årets CIO 2024
Læs mere »
Medarbejderne fik udleveret badetøfler ved indflytningen: Kom med inden for i IBM Danmarks nye topmoderne hovedkontor
Så meget tjener dine kollegaer: Her er alle data fra Computerworlds store it-lønstatistik for 2024
Får du den løn, du fortjener? Få overblikket over hvor meget dine kolleger tjener hver måned
Se alle »
White paper
Teaser billede
Rapport kortlægger de 13 bedste muligheder for at sætte turbo på din cloud computing
Læs mere »
MDR: Transparent sikkerhed og overvågning i realtid
Sæt turbo på din cloudperformance og minimér risikoen for DDoS-angreb
Guide: Sådan udvikler du en moderne netværksstrategi
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »