Avatar billede krogstrup Nybegynder
13. september 1999 - 12:54 Der er 18 kommentarer og
1 løsning

Dynamisk nedtælling


Kan nogen kreere en DHTML tæller som tæller ned til år 2000 i følgende format:

timer, minutter, sekunder, 100/sekunder

ALTSÅ ikke noget med nogen grimme input-bokse som man ofte ser brugt i javascripts der tæller ned !!!

Det skal være fuldstændig normal HMTL tekst som bliver genereret dynamisk at et DHTML script.

/David
Avatar billede ziber Nybegynder
13. september 1999 - 12:57 #1
hvad nu hvis det er et asp script ?
Avatar billede krogstrup Nybegynder
13. september 1999 - 13:01 #2
Det gør ikke noget - men kan man lave det i asp ?

Tælleren skal jo ikke vise en statisk tal, men en tæller der hele tiden tæller nedad !!!
Avatar billede ziber Nybegynder
13. september 1999 - 13:10 #3
jep, det har du egentlig ret i, hvis du vil have dhtml og uden nogen form for box omkring tælleren, kan jeg ikke hjælpe, sorry
Avatar billede michaelras Nybegynder
13. september 1999 - 14:49 #4
I IE4/5 er det muligt at lave det uden brug af inputbox hvis man vil bruge tekst, I Netscape er det (så vidt jeg ved) kun muligt med grafik.
Eks på IE4/5:

<html>
<head>

<script language="JavaScript">
function CountDown()
{
  var nu = new Date();
  var Totusind = new Date(2000, 0, 1, 0, 0, 0);
  var S = Totusind.getTime() - nu.getTime();
  var T, M, Se, Ms;
  T = Math.floor(S / (60*60*1000));
  S = S - (T * (60*60*1000));
  M = Math.floor(S / (60*1000));
  S = S - (M * (60*1000));
  Se = Math.floor(S/1000);
  S = S - (Se * 1000);
  Ms = Math.floor(S / 10);
  tid.innerHTML = parseInt(T,10)+' timer '+parseInt(M,10) + ' minutter ' + parseInt(Se,10) + ' sekunder ' + parseInt(Ms, 10) + ' hundrededele';
  setTimeout ("CountDown()", 1);
}

function Init()
{
  setTimeout ("CountDown()", 1);
}

</script>
</head>
<body onLoad="Init()">
<span id="tid" style="width:600;height:20;position:absolute;"></span>
</body>
</html>

Michael
Avatar billede mit Nybegynder
13. september 1999 - 15:04 #5
jeg har tilpasset en, så den virker i både IE og NN...den viser dage, timer minutter og sekunder...men det ku' man vel også tilpasse...
sig til, hvis du er interesseret
Avatar billede michaelras Nybegynder
13. september 1999 - 15:15 #6
Her er koderne til netscape med billeder (kalder 0-9.gif):

<html>
<head>

<script language="JavaScript">
function CountDown()
{
  var nu = new Date();
  var Totusind = new Date(2000, 0, 1, 0, 0, 0);
  var S = Totusind.getTime() - nu.getTime();
  var T, M, Se, Ms;
  T = Math.floor(S / (60*60*1000));
  S = S - (T * (60*60*1000));
  M = Math.floor(S / (60*1000));
  S = S - (M * (60*1000));
  Se = Math.floor(S/1000);
  S = S - (Se * 1000);
  Ms = Math.floor(S / 10);
  document.Ti1.src = parseInt(Math.floor(T/1000),10)+'.gif';
  document.Ti2.src = parseInt(Math.floor(((T/1000) - Math.floor(T/1000))*10),10)+'.gif';
  document.Ti3.src = parseInt(Math.floor(((T/100) - Math.floor(T/100))*10),10)+'.gif';
  document.Ti4.src = parseInt(Math.floor(((T/10) - Math.floor(T/10))*10),10)+'.gif';
  document.Mi1.src = parseInt(Math.floor(M/10),10)+'.gif';
  document.Mi2.src = parseInt(((M/10) - Math.floor(M/10))*10,10)+'.gif';
  document.Se1.src = parseInt(Math.floor(Se/10),10)+'.gif';
  document.Se2.src = parseInt(((Se/10) - Math.floor(Se/10))*10,10)+'.gif';
  document.Ms1.src = parseInt(Math.floor(Ms/10),10)+'.gif';
  document.Ms2.src = parseInt(((Ms/10) - Math.floor(Ms/10))*10,10)+'.gif';
  setTimeout ("CountDown()", 1);
}

function Init()
{
  setTimeout ("CountDown()", 1);
}

</script>
</head>
<body onLoad="Init()">
<br><BR><BR>
<img name="Ti1" src="1.gif"><img name="Ti2" src="2.gif"><img name="Ti3" src="9.gif"><img name="Ti4" src="0.gif"> : <img name="Mi1" src="3.gif"><img name="Mi2" src="4.gif"> .
<img name="Se1" src="5.gif"><img name="Se2" src="6.gif"> : <img name="Ms1" src="7.gif"><img name="Ms2" src="8.gif">
<a href="java script:alert(document.Ti1.src);">123</a>
</body>
</html>

Michael
Avatar billede michaelras Nybegynder
13. september 1999 - 15:18 #7
Netscape versionen virker også udemærket i IE4/5

Michael

PS bare ignorer <a href="java script:alert(document.Ti1.src);">123</a> (lidt debugging... :)
Avatar billede krogstrup Nybegynder
13. september 1999 - 15:37 #8
mit >>>> Det script du har tilpasset - er det grafik der bruges eller normal tekst ???
Avatar billede krogstrup Nybegynder
13. september 1999 - 15:42 #9
Det virker PERFEKT - Tusind tak Michael :)

Med venlig hilsen

David Krogstrup
Avatar billede mit Nybegynder
13. september 1999 - 15:56 #10
krogstrup>>>Det er normal tekst...
Avatar billede krogstrup Nybegynder
13. september 1999 - 16:20 #11
mit >>> Kan du lave det i formatet:

timer, minutter, sekunder, 100/sekunder

????
Avatar billede krogstrup Nybegynder
13. september 1999 - 16:21 #12
Det er til denne side:

http://www.orbitech.dk
Avatar billede mit Nybegynder
13. september 1999 - 19:13 #13
Ja, sku' jeg mene...Øv, jeg kan jo ikke svare længere
Avatar billede krogstrup Nybegynder
14. september 1999 - 11:05 #14
mit >>>>

Jeg uddeler gerne flere point (i et nyt spørgsmål) hvis jeg kan lide dit script

/David
Avatar billede mit Nybegynder
14. september 1999 - 11:55 #15
hmm..jeg synes jo bare, at det var lidt skummelt, at jeg laver et script her, og så er der bagefter andre, som vil ha' copyright på det..gratis...go figure
Men oki..
jeg kan da let lige tilpasse michaelras' første script, så det virker i begge browsere
Avatar billede mit Nybegynder
14. september 1999 - 12:30 #16
<HTML>
<HEAD>
<script language="JavaScript">
ie = document.all
nn = document.layers

function CountDown()
{
  var nu = new Date();
  var Totusind = new Date(2000, 0, 1, 0, 0, 0);
  var S = Totusind.getTime() - nu.getTime();
  var T, M, Se, Ms;
  T = Math.floor(S / (60*60*1000));
  S = S - (T * (60*60*1000));
  M = Math.floor(S / (60*1000));
  S = S - (M * (60*1000));
  Se = Math.floor(S/1000);
  S = S - (Se * 1000);
  Ms = Math.floor(S / 10);
  Temp = parseInt(T,10)+' timer '+parseInt(M,10) + ' minutter ' + parseInt(Se,10) + ' sekunder ' + parseInt(Ms, 10) + ' hundrededele';
  if (ie) {tid.innerHTML=Temp;}
  else {document.tid.document.write(Temp); document.tid.document.close()}
  setTimeout ("CountDown()", 1);
}

function Init()
{
  setTimeout ("CountDown()", 1);
}

</script>
<BODY onLoad="Init()">
<SCRIPT LANGUAGE="JavaScript">
<!--
if (ie) {document.write('<DIV ID="tid"></DIV>')}
else{document.write('<layer id="tid" width=350 height=10></layer>')}
//-->
</SCRIPT>

</BODY>
</HTML>
Avatar billede krogstrup Nybegynder
14. september 1999 - 12:46 #17
mit >>>

Perfekt !

Jeg opretter lige et fake spørgsmål du kan svare på !

Men du får altså "kun" 40 point :)

/David
Avatar billede mnt Nybegynder
03. juli 2002 - 16:18 #18
mit (eller andre) > Hvad skal jeg slette hvis den IKKE skal vise hundrededeles sekunderne.????
Avatar billede mrbigbrother Nybegynder
21. maj 2008 - 16:30 #19
hej mit..

du har skrevet at du har et script der viser dage, timer minutter og sekunder?
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