2 Timer auf eine Seite

[Mirco85]

Hallo Community

Mein Problem: ich habe 2 Timer auf einer seite. Beim ersten bleibt mein input feld leer.

Fehler liegt nur bei der Ausgabe des ersten Timer wenn 2 Timer aktiv sind

Hier mein Qulelltext(rechtemaus :suspekt: )

<tr> 
<td valign="top" align="right"><b>Optionen:</b></td> 
<td valign="top"> 

<form name='timeform1'> 
&nbsp; <input class='timer1' size='6' type='text' name='Timer1'> 
<SCRIPT language='JavaScript'> 
<!-- Begin 
function popup() { 
  alert('Deine Aktion ist beendet!'); 
} 
// End --> 
</SCRIPT> 

<script type='text/javascript'> 

StartTime1=new Date(); 
var ID1=document.timeform1.Timer1; 
function TimeFunction1(){ActualTime1=new Date(); 
Seconds1=9668-Math.round((ActualTime1.getTime()-StartTime1.getTime())/1000.); 
Minutes1=0; 
Hours1=0; 
if(Seconds1<0){ 
self.document.reloadform1.submit() 

}else{ 
if(Seconds1>59){Minutes1=Math.floor(Seconds1/60); 
Seconds1=Seconds1-Minutes1*60} 
if(Minutes1>59){Hours1=Math.floor(Minutes1/60); 
Minutes1=Minutes1-Hours1*60} 
if(Seconds1<10){Seconds1='0'+Seconds1} 
if(Hours1>0){ 
if(Minutes1<10){Minutes1='0'+Minutes1}ID1.value=''+Hours1+':'+Minutes1+':'+(Seconds1+'').substr(0,2)+'' 
}else{ 
ID1.value=''+Minutes1+':'+(Seconds1+'').substr(0,2)+''}} 
if(Seconds1>=0) window.setTimeout('TimeFunction1();',200);} 
if(9668>=0) window.onload=TimeFunction1; 

</script> 


</form> 




<form name='reloadform1' action='index.php?show=my_chars' target='_self' method='post'> 

<input type='hidden' name='1c_sleep' value='1'> 
</form> 


</td> 
<td valign="top" align="right"><b>Optionen:</b></td> 
<td valign="top"> 

<form name='timeform2'> 
&nbsp; <input class='timer2' size='6' type='text' name='Timer2'> 
<SCRIPT language='JavaScript'> 
<!-- Begin 
function popup() { 
  alert('Deine Aktion ist beendet!'); 
} 
// End --> 
</SCRIPT> 

<script type='text/javascript'> 

StartTime=new Date(); 
var ID=document.timeform2.Timer2; 
function TimeFunction2(){ActualTime=new Date(); 
Seconds=2398-Math.round((ActualTime.getTime()-StartTime.getTime())/1000.); 
Minutes=0; 
Hours=0; 
if(Seconds<0){ 
self.document.reloadform2.submit() 

}else{ 
if(Seconds>59){Minutes=Math.floor(Seconds/60); 
Seconds=Seconds-Minutes*60} 
if(Minutes>59){Hours=Math.floor(Minutes/60); 
Minutes=Minutes-Hours*60} 
if(Seconds<10){Seconds='0'+Seconds} 
if(Hours>0){ 
if(Minutes<10){Minutes='0'+Minutes}ID.value=''+Hours+':'+Minutes+':'+(Seconds+'').substr(0,2)+'' 
}else{ 
ID.value=''+Minutes+':'+(Seconds+'').substr(0,2)+''}} 
if(Seconds>=0) window.setTimeout('TimeFunction2();',200);} 
if(2398>=0) window.onload=TimeFunction2; 

</script> 


</form> 




<form name='reloadform2' action='index.php?show=my_chars' target='_self' method='post'> 

<input type='hidden' name='2c_sleep' value='1'> 
</form>

 

[Sven Mintel]

die 2. Zuweisung für den onload-Event überschreibt die 1., weshalb die Funktion dann nicht mehr aufgerufen wird.

du musst beide Funktionen mit einem mal aufrufen:

window.onload=function(){TimeFunction1(); TimeFunction2();}