form Type time Als Minuten Sekunden Millisekunden Eingabe

Hallo liebe Mitglieder, ich habe folgendes Problem und finde keine Lösung. Ich würde gerne eine
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.

Der hier verwendete 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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!