3, 2, 1, und wieder von vorne ...

[Sebastian Wramba]

Hi Leute,

ich bräuchte da nen Counter der von x nach 0 runterzählt und dann wieder bei x anfängt. Er sollte möglichst zu allen Browsern kompatibel sein.

Und jetzt denkt nicht, ich hätte nicht schon gesucht oder bei selfhtml nachgeschaut. ich hab auch schon selber was probiert, aber irgendwie war es das nicht so. vielleicht hat ja einer ein script.

 

[THE REAL TOOLKIT]

function counter()
{
for(var i=3;i=1;i--)
{document.write('i')}
setTimeout("counter",1)
}

 

[Sebastian Wramba]

hm, das war's? so einfach?
ok, bis auf die tatsache, dass statt 1 besser 1000 da stehen sollte, passt das schon, danke!

hm aber irgendwie geht das nicht, der zeigt nichts an:

<script language="javascript" type="text/javascript">
<!--

function counter() {

	for(var i=15;i=1;i--) {
		document.write("i");
	}
	setTimeout("counter()",1); 		
}


//--> 
</script>

damn, der php parser ist kaputt!!

 

[THE REAL TOOLKIT]

hmn,kann sein dass ich da was mit der syntax verwechselt hab.
am besten du guckst mal bei selfhtml nach der syntax einer for schleife

ansonsten hab ich mich hier auch vertan
da das eine var is brauchst du keine ""
document.write(i);

 

[Sebastian Wramba]

Hm also der hat nichts ausgegeben, weil man die Funktion natürlich erst aktivieren muss. Wenn ich aber die Funktion dann einmal aufrufe, dann gibt der ein paar Millionen 1'en aus.

Also irgendwie ist deine Funktion an sich nicht ganz richtig.

 

[simu]

so wäre wohl besser:

html:

<div id="counter">15</div>

js:

if( document.getElementById )
{
     var counter={

             start : 15 ,

             i : 15 ,

             countDown : function()
                     {
                          var element=document.getElementById( 'counter' );
                          element.replaceChild( document.createTextNode( this.i ), element.firstChild );
                          this.i--;
                          if( this.i < 0 )
                               this.i=this.start;
                     } ,

             counterTimer : window.setInterval( function(){ counter.countDown() }, 1000 )
     }
}

 

[Sebastian Wramba]

Ja so wäre es besser, wenn da nicht aus "15" -> "undefined" werden würde ^^

 

[simu]

edited...

 

[Sebastian Wramba]

wunderbar, dankeschön!

edit: hab da noch ne frage, wie verhindere ich, dass der einen zeilenumbruch nach der zahl macht?

 

[simu]

da nimmst du statt ein <div> ein <span>...