Javascript Countdown fuktioniert unter Firefox nicht!
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
all
beitrag
countdown
display
eigenschaft
hilfe
inhalt
link korrigiert beitrag
minute
none
rahmen
sichtbar standard
variable
verbleibenden sekunden
-
Also, folgendes: Ich habe hier ein Countdown auf JS, der in allen Browsern, ausser im Firefox funktioniert! Könnt ihr mir sagen, was man da tun kann? Hier mal der Code:
<script language="JavaScript"> <!--//Zeit Bis zum Start var SEC = 13;var MIN = 59;var STD = 1; setInterval("startCountdown()",1000) function startCountdown(){ if(MIN >= 10 && (SEC - 1) >= 10) { SEC = SEC - 1; numberCountdown.innerText = STD + ":" + MIN + "." + SEC; } else if(MIN >= 10 && (SEC - 1) < 10 && (SEC - 1) >= 0) { SEC = SEC - 1; numberCountdown.innerText = STD + ":" + MIN + ".0" + SEC; } else if( MIN < 10 && MIN >= 0 && (SEC - 1) < 10 && (SEC - 1) >= 0) { SEC = SEC - 1; numberCountdown.innerText = STD + ":0" + MIN + ".0" + SEC; } else if(MIN < 10 && MIN >= 0 && (SEC - 1) >= 10) { SEC = SEC - 1; numberCountdown.innerText = STD + ":0" + MIN + "." + SEC; } else if((MIN - 1) >= 10 && SEC == 0) { SEC = 59; MIN = MIN - 1; numberCountdown.innerText = STD + ":" + MIN + "." + SEC; } else if((MIN - 1) < 10 && (MIN - 1) >= 0 && SEC == 0) { SEC = 59; MIN = MIN - 1; numberCountdown.innerText = STD + ":0" + MIN + "." + SEC; } } //--> </script> <div id=\"numberCountdown\">0:00.00</div> -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Kann mit niemand helfen?
-
Warum so kompliziert? Du brauchst eigentlich nur eine Variable, in der du die verbleibenden Sekunden speicherst. Daraus kannst du dann immer die zugehörigen Stunden / Minuten errechnen. Folgendes Script habe ich schon unter FF und IE getestet:
<html> <head> <title>Countdown</title> <script type="text/javascript"> var zeit = 124; function countdown(zeit) { var s = zeit; var h = Math.floor(s/3600); var m = Math.floor((s - (h * 3600))/60); s = (s-(h*3600))%60 if (h < 10) h = '0' + h; if (m < 10) m = '0' + m; if (s < 10) s = '0' + s; document.formname.inputname.value = h + ':' + m + ':' + s; if (zeit == '0') window.clearInterval(count); } var count = window.setInterval("countdown(zeit--)",1000); </script> </head> <body> <form name="formname" action=""> <input type="text" name="inputname"> </form> </body> </html> -
Läuft soweit, nur könnte man das nicht auch ohne das Formfeld darum ausgeben?
-
Läuft soweit, nur könnte man das nicht auch ohne das Formfeld darum ausgeben?
Kannst es doch mit CSS "unsichtbar" machen, oder nicht? -
Das kannst du auch so machen:
<html> <head> <title>Countdown</title> <script type='text/javascript'> var zeit = 124; function countdown(zeit) { var s = zeit; var h = Math.floor(s/3600); var m = Math.floor((s - (h * 3600))/60); s = (s-(h*3600))%60 if (h < 10) h = '0' + h; if (m < 10) m = '0' + m; if (s < 10) s = '0' + s; document.getElementById('counter').innerHTML = h + ':' + m + ':' + s; if (zeit == '0') window.clearInterval(count); } var count = window.setInterval('countdown(zeit--)',1000); </script> </head> <body> <div id='counter'></div> </body> </html>
http://de.selfhtml.org/javascript/objekte/all.htm#inner_html
innerText funktioniert nicht bei FF.
Meinen Code habe ich nur unter FF ausprobiert. Sollte aber auch unter anderen Browsern funktionieren.
edit: Link korrigiert
Beitrag geaendert: 23.2.2007 18:07:36 von sandrock-jonas -
Super! So wollte ichs. Danke für deine Hilfe.
-
Falls es noch jemand kehren sollten: die CSS-Eigenschaft zum Unsichtbarmachen ist
display: none;
sichtbar (Standard) ist
display: block;
//Bearbeitet: Passte wahrscheinlich von Anfang an nicht zum Thema.
Beitrag geaendert: 23.2.2007 22:18:57 von wolfgangmixer -
Also manche JavaScripts funktionieren nicht in allen Browsern. Es steht aber allgemein über dem Code, in welchen Brwosern es funktioniert, bzw nicht funktioniert.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
