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.
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
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>