basti1012.bplaced.net

Hallo liebe Mitglieder, ich habe folgendes Problem und finde keine Lösung. Ich würde gerne eine <form type="time"/> Eingabe nur für "Minuten:Sekunden:Millisekunden" auf einer Seite einbinden. Ist das irgendwie möglich, oder muss ich es als Text/Zahlenfeld eingeben lassen und dann mit PHP in das Zeitformat splitten und umwandeln? Vielen Dank für eure Tipps.

Code

                                    
                                H<input type="number" id="hour" value="00" min="0" max="24" size="1"> : M<input type="number" id="min" value="00" min="0" max="60" size="1"> : S<input id="sec" type="number" min="0" max="60" size="1" value="00"> : Mi<input type="number" min="0" max="1000" id="milli" size="1" value="0">  
<output id="raus"> </output>
 <script>
    h1=document.getElementById('hour');
 m1=document.getElementById('min');
 s1=document.getElementById('sec');
 d1=document.getElementById('milli');
//---------------   geht nicht --------

element=document.querySelectorAll('input');
element.forEach(function(i) {

    i.addEventListener('change', function(e) {

  

    });

});
  
//-------- der geht aber ---------
       
//----- ------das geht aber ja---------
element=document.getElementsByTagName('input');     
menge=element.length;
for(x=0;x<=menge-1;x++){
  element[x].onchange=function(){
//-------------------------


       if(h1.value < 10){
        h2= '0'+h1.value;
      }else{
        h2=h1.value;
      }

      if(m1.value < 10){
        m2 = '0'+m1.value;
      } else{
        m2=m1.value;
      }
      if(s1.value < 10){
        s2 = '0'+s1.value;
      }else{
        s2=s1.value;
      }
     
      if(d1.value < 10){
        d2 = '00'+d1.value;
      }else
      if(d1.value < 100){
        d2 = '0'+d1.value;
      } else{
        d2=d1.value;
      }  
             
  if(h2==24){
    h2='00';
    h1.value=h2;
  }

  if(m2==60){
    m2='00';
    m1.value=m2;
  }
  if(s2==60){
     s2='00';
     s1.value=s2;
  }
  if(d2==1000){
     d2='0000';
     d1.value=d2;
     d1.value=d2;
  }

document.getElementById('raus').innerHTML='<br>Es ist '+h2+' : '+m2+' :'+s2+' :'+d2+'Uhr (h,m,s,mi)';   

}
}


 















function uhr(){
 a = new Date();
 h = a.getHours();
 b = a.getMinutes();
 c = a.getSeconds();
 d = a.getMilliseconds();
  h1.value=h;
  m1.value=b;
  s1.value=c;
  d1.value=d;
}
uhr();
</script>