login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Countdown (Opgelost)

Offline Spyfox - 09/02/2008 11:04 (laatste wijziging 09/02/2008 11:05)
Avatar van SpyfoxNieuw lid Voor ik nbegin wil ik effe meedelen dak een leek ben in javascript. Ik heb het scriptje dak zocht gevonden maar voldeed niet 100% aan men voorwaarde.

Dus: 

In de db is een bepaalde tijd uitgedrukt in sec, in dit voorbeeld houden we het op 3665

Ik ben dus nu opzoek naar een javascriptjedat 3 dingen doet
1: Het moet de tijd omzetten naar "dagen : uren: minuten: seconden" maar als het gelijk in dit voorbeeld maar 1 uur is 1 minuut en 5 secondes moet ik dit als resultaat hebben "01:01:05" en niet "00:01:01:05"

2: Het moet per seconde aftellen dus na 1min en 6sec moet het het 59:59 weergeven

3. Als de teller op 0 staat (als het klokje gedaan is) moet er een link verschijnen op de plaats van het klokje met bv "Klik hier"

Khoop dat jullie mij begrijpen 

10 antwoorden

Gesponsorde links
Offline CDNC - 09/02/2008 13:18
Avatar van CDNC PHP ver gevorderde En wij gaan het kant en klaar voor je maken? zoek een count down script (of maak het zelf, 5minuutjes werk) en pas het aan.

En als je geen JS kent kun je 2 dinge doen:
- te vrede zijn met kant en klare scriptjes
- JS gaan leren
Offline Spyfox - 09/02/2008 14:04
Avatar van Spyfox Nieuw lid Het enige wat ik zou moeten weten is goe je da klokje aan de gang krijgt

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="JavaScript1.2">
  2.  
  3.  
  4. function countdown(){
  5.  
  6. var tijd=3600
  7.  
  8. if(tijd>86400)
  9.  
  10. {
  11.  
  12. dagen=Math.floor(tijd/3600/24)
  13. uren=Math.floor((tijd-dagen*3600*24)/3600)
  14. minuten=Math.floor((tijd-dagen*3600*24-uren*3600)/60)
  15. seconden=Math.floor(tijd-dagen*3600*24-uren*3600-minuten*60)
  16.  
  17. var zichttijd=dagen+":"+uren+":"+minuten+":"+seconden
  18. }
  19.  
  20. else{
  21.  
  22. uren=Math.floor(tijd/3600)
  23. minuten=Math.floor((tijd-uren*3600)/60)
  24. seconden=Math.floor(tijd-uren*3600-minuten*60)
  25.  
  26. var zichttijd=uren+":"+minuten+":"+seconden
  27.  
  28. }
  29.  
  30. setTimeout("countdown()",1000)
  31.  
  32. document.write(zichttijd)
  33.  
  34. tijd--
  35.  
  36. }
  37. </script>
Offline CDNC - 09/02/2008 14:11
Avatar van CDNC PHP ver gevorderde De functie countdown aanroepen?
Offline Spyfox - 09/02/2008 15:15
Avatar van Spyfox Nieuw lid Hij teld maar 1 seconde af en dan blijft hij hangen 

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="JavaScript">
  2.  
  3. var tijd=3600
  4.  
  5. function countdown(){
  6.  
  7. if(tijd>0){
  8.  
  9. 	if(tijd>86400){
  10.  
  11. 		dagen=Math.floor(tijd/3600/24)
  12. 		uren=Math.floor((tijd-dagen*3600*24)/3600)
  13. 		minuten=Math.floor((tijd-dagen*3600*24-uren*3600)/60)
  14. 		seconden=Math.floor(tijd-dagen*3600*24-uren*3600-minuten*60)
  15.  
  16. 		var zichttijd=dagen+":"+uren+":"+minuten+":"+seconden
  17. 	}
  18.  
  19. 	else{
  20.  
  21. 		uren=Math.floor(tijd/3600)
  22. 		minuten=Math.floor((tijd-uren*3600)/60)
  23. 		seconden=Math.floor(tijd-uren*3600-minuten*60)
  24.  
  25. 		var zichttijd=uren+":"+minuten+":"+seconden
  26.  
  27. 	}
  28.  
  29.   	setTimeout(countdown,1000)
  30.  
  31. 	document.write(zichttijd)
  32.  
  33. 	tijd=tijd-1
  34.  
  35. }
  36.  
  37.  
  38. }
  39.  
  40. countdown()
  41.  
  42.  
  43. </script>
Offline CDNC - 09/02/2008 17:47
Avatar van CDNC PHP ver gevorderde Je gaf aan dat je er niets van kende, waarom zit je dan het script te wijzigen? En dan heb ik het niet over insprongen. r29 vb...
Offline Spyfox - 09/02/2008 20:18
Avatar van Spyfox Nieuw lid OK eerst en vooral. Ik wijzig dat script niet heb het zelf geschreven en ten 2de als je niks zinnig te zeggen hebt zwijg dan. Maneke this niet dat je iets kent. Mensen met zo een ego als die van u horen hier niet thuis op het forum

Ik kom hier op het forum om iets wijzer te worden en niet om me te laten afblaffen door een of ander arrogant ventje  
Offline Ibrahim - 09/02/2008 21:10
Avatar van Ibrahim PHP expert Back ontopic, ruzies kun je uitvechten via PM
Offline JBke - 10/02/2008 09:01
Avatar van JBke PHP gevorderde Zet het volgende in een apart bestand bvb: javacounter.js

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function calcage(secs, num1, num2) {
  2.   s = ((Math.floor(secs/num1))%num2).toString();
  3.   if (LeadingZero && s.length < 2)
  4.     s = "0" + s;
  5.   return "<b>" + s + "</b>";
  6. }
  7.  
  8. function CountBack(secs) {
  9.   if (secs < 0) {
  10.     document.getElementById("cntdwn").innerHTML = FinishMessage;
  11.     return;
  12.   }
  13.   DisplayStr = DisplayFormat.replace(/%%D%%/g, calcage(secs,86400,100000));
  14.   DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24));
  15.   DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60));
  16.   DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60));
  17.  
  18.   document.getElementById("cntdwn").innerHTML = DisplayStr;
  19.   if (CountActive)
  20.     setTimeout("CountBack(" + (secs+CountStepper) + ")", SetTimeOutPeriod);
  21. }
  22.  
  23. function putspan(backcolor, forecolor) {
  24.  document.write("<span id='cntdwn' style='background-color:" + backcolor + 
  25.                 "; color:" + forecolor + "'></span>");
  26. }
  27.  
  28. if (typeof(BackColor)=="undefined")
  29.   BackColor = "white";
  30. if (typeof(ForeColor)=="undefined")
  31.   ForeColor= "black";
  32. if (typeof(TargetDate)=="undefined")
  33.   TargetDate = "12/31/2020 5:00 AM";
  34. if (typeof(DisplayFormat)=="undefined")
  35.   DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
  36. if (typeof(CountActive)=="undefined")
  37.   CountActive = true;
  38. if (typeof(FinishMessage)=="undefined")
  39.   FinishMessage = "";
  40. if (typeof(CountStepper)!="number")
  41.   CountStepper = -1;
  42. if (typeof(LeadingZero)=="undefined")
  43.   LeadingZero = true;
  44.  
  45.  
  46. CountStepper = Math.ceil(CountStepper);
  47. if (CountStepper == 0)
  48.   CountActive = false;
  49. var SetTimeOutPeriod = (Math.abs(CountStepper)-1)*1000 + 990;
  50. putspan(BackColor, ForeColor);
  51. var dthen = new Date(TargetDate);
  52. var dnow = new Date();
  53. if(CountStepper>0)
  54.   ddiff = new Date(dnow-dthen);
  55. else
  56.   ddiff = new Date(dthen-dnow);
  57. gsecs = Math.floor(ddiff.valueOf()/1000);
  58. CountBack(gsecs);



en dit is een voorbeeld van gebruik:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="JavaScript">
  2. TargetDate = "12/31/2020 5:00 AM";
  3. BackColor = "palegreen";
  4. ForeColor = "navy";
  5. CountActive = true;
  6. CountStepper = -1;
  7. LeadingZero = true;
  8. DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
  9. FinishMessage = "It is finally here!";
  11. <script language="JavaScript" src="javacounter.js"></script>


Hopelijk leer je er iets uit.

En ik vind dat je gelijk hebt en dat je zeker niet moet afgesnauwd worden als je iets post op een FORUM om bij te leren!!! Waar dient een forum anders voor, geef de moed zeker niet op.
Offline Spyfox - 10/02/2008 15:02 (laatste wijziging 10/02/2008 15:30)
Avatar van Spyfox Nieuw lid Het is me gelukt 

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="JavaScript">
  2.  
  3. var tijd=86405
  4.  
  5. function countdown(){
  6.  
  7.   if(tijd>0){
  8.  
  9.  
  10.  
  11. 	if(tijd>86399){
  12.  
  13. 		dagen=Math.floor(tijd/3600/24)
  14. 		uren=Math.floor((tijd-dagen*3600*24)/3600)
  15. 		minuten=Math.floor((tijd-dagen*3600*24-uren*3600)/60)
  16. 		seconden=Math.floor(tijd-dagen*3600*24-uren*3600-minuten*60)
  17.  
  18. 		var zichttijd=dagen+":"+uren+":"+minuten+":"+seconden
  19. 	}
  20.  
  21. 	else{
  22.  
  23. 		uren=Math.floor(tijd/3600)
  24. 		minuten=Math.floor((tijd-uren*3600)/60)
  25. 		seconden=Math.floor(tijd-uren*3600-minuten*60)
  26.  
  27. 		var zichttijd=uren+":"+minuten+":"+seconden
  28.  
  29. 	}
  30.  
  31.  
  32. document.getElementById("countdown").innerHTML=zichttijd; 
  33. countdownTimer=setTimeout("countdown()",1000); 
  34.  
  35.  
  36. 	tijd=tijd-1
  37.  
  38.  
  39.  
  40.   }
  41.  
  42.   else{
  43.  
  44.   document.write("Blub")
  45.  
  46.    }
  47.  
  48.  
  49.  
  50. }
  51.  
  52.  
  53. </script>
  54.  
  55. <body> 
  56.  
  57. <SPAN id="countdown"></SPAN> 
  58. <SCRIPT language="JavaScript">countdown();</SCRIPT> 
  59. </body>
Offline funmaker - 25/09/2008 19:40 (laatste wijziging 25/09/2008 22:17)
Avatar van funmaker Nieuw lid Heey ik heb de laaste script gebruikt want ik wou graag een countwdown script en deze leek mijn wel mooi. Maar hij telt bij mijn telkens twee secondes af in plaats van één weet iemand hoe dit komt.

Edit:
Ik het probleem al gevonden ik was zo dom om het script twee keer neer te zetten.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.187s