Eine neue Form zur Darstellung der Zeit. Mit Formfeldern wird die Uhrzeit angezeigt, wobei fortlaufende Balken angezeigt werden.
HTML-Einbindung <!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den -head- einbauen --> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Abraham I. (abraham_824@hotmail.com) --> <!-- Begin function clock() { var t = new Date(); var h = t.getHours(); var m = t.getMinutes(); var s = t.getSeconds(); var units = new String(""); var hours = t.getHours(); var min = t.getMinutes(); var sec = t.getSeconds(); document.clock.hours.value = units.substring(0, hours); document.clock.minutes.value = units.substring(0, min); document.clock.seconds.value = units.substring(0, sec); var status = ""; if (hours > 11) status = ""; if (hours < 11) hours -= 0; if (min < 10) min = "0" + min; if (sec < 10) sec = "0" + sec; document.clock.h.value = hours; document.clock.m.value = min; document.clock.s.value = sec; document.clock.time.value = hours + ":" + min + ":" + sec + " " + status; window.setTimeout("clock()", 900); } // End --> </script> <!-- Diesen Code musst Du als -eventhandler- in den body-Tag einbauen --> <BODY onLoad="clock();"> <!-- Diesen Code musst Du in den -body- einbauen --> <center> <table border="0" cellspacing="0" width="450" id="AutoNumber1" cellpadding="4" style="border-collapse: collapse; border: 2px solid #DEDFD6" bordercolor="#111111"> <tr> <td width="100%"> <p style="text-align: center"><form name="clock"> <div align="center"><center> <table style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0"> <tr> <td> <span style="font-size: 8pt; font-weight: 700">Stunden </span> </td> <td class="head3"> <span style="font-size: 8pt"> <input type="text" name="h" size="10" style="border: 0px none; ; font-family:Verdana; font-size:8pt; font-weight:bold"> </span> </td> </tr> <tr> <td colspan=2> <span style="font-size: 8pt"><b> <input type=text name="hours" size="24" style="color: navy"> </b></span> </td> </tr> <tr> <td> <span style="font-size: 8pt; font-weight: 700">Minuten: </span> </td> <td class="head3"> <span style="font-size: 8pt"> <input type="text" name="m" size="10" style="border: 0px none; ; font-family:Verdana; font-size:8pt; font-weight:bold"> </span> </td> </tr> <tr> <td colspan=2> <span style="font-size: 8pt"><b> <input type=text name="minutes" size="40" style="color: navy"> </b></span> </td> </tr> <tr> <td> <span style="font-size: 8pt; font-weight: 700">Sekunden: </span> </td> <td class="head3"> <span style="font-size: 8pt"> <input type="text" name="s" size="10" style="border: 0px none; ; font-family:Verdana; font-size:8pt; font-weight:bold"> </span> </td> </tr> <tr> <td colspan=2> <span style="font-size: 8pt"> <input type=text name="seconds" size="40" style="color: navy"> </span> </td> </tr> <tr> <td> <span style="font-size: 8pt"><b>Uhrzeit: </b> <input type=text name="time" size="20" style="border: 0px none; ; font-family:Verdana; font-size:14pt; color:#FF0000; font-weight:bold"><b> </b></span> </td> </tr> </table> </center> </div> </form> </td> </tr> </table> </center> </div> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->
Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"