Ipod Touch Coding

Seit 2004 hat sich viel getan, der iPod per se ist nicht mehr up-to-date, so wie dieses Forum. Um die Informationen nicht zu verlieren ist das Forum jetzt Read-Only für Gäste, Registrierungen sind aufgrund der hohen Anzahl an Spam-Accounts nichts mehr möglich. Vielen Dank für die schöne Zeit an alle aktiven Nutzer!

  • Ipod Touch Coding

    Huhu :)

    Habe mir auf meinem iPod Touch Clockscreen installiert. Nur das Problem ist, dass die Uhr im 12 AM/ PM Format ist.

    Nur leider kenne ich mich nicht gut genug im Coding aus, um den Code so abzuändern, dass die Uhr im 24h Modus angezeigt wird.

    Hier der Code der Uhr:

    HTML-Quellcode

    1. <html>
    2. <head><title>newclock</title></head>
    3. <style>
    4. SPAN#clock
    5. {
    6. font-family: Helvetica;
    7. color: #ffffff;
    8. font-size: 30px;
    9. text-shadow: #000000 1px 2px 1px;
    10. }
    11. SPAN#ampm
    12. {
    13. font-family: Helvetica;
    14. color: #ffffff;
    15. font-size: 15px;
    16. text-shadow: #000000 1px 2px 1px;
    17. }
    18. SPAN#calendar
    19. {
    20. font-family: Helvetica;
    21. text-align: center;
    22. color: #ffffff;
    23. text-shadow: #000000 1px 2px 1px;
    24. }
    26. </style>
    27. <script type="text/javascript">
    28. function init ( )
    29. {
    30. timeDisplay = document.createTextNode ( "" );
    31. document.getElementById("clock").appendChild ( timeDisplay );
    32. }
    33. function updateClock ( )
    34. {
    35. var currentTime = new Date ( );
    36. var currentHours = currentTime.getHours ( );
    37. var currentMinutes = currentTime.getMinutes ( );
    38. var currentSeconds = currentTime.getSeconds ( );
    39. // Pad the minutes and seconds with leading zeros, if required
    40. currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
    41. currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
    42. // Choose either "AM" or "PM" as appropriate
    43. var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
    44. // Convert the hours component to 12-hour format if needed
    45. currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
    46. // Convert an hours component of "0" to "12"
    47. currentHours = ( currentHours == 0 ) ? 12 : currentHours;
    48. // Compose the string for display
    49. var currentTimeString = currentHours + ":" + currentMinutes;
    50. // Update the time display
    51. document.getElementById("clock").firstChild.nodeValue = currentTimeString;
    52. }
    53. function init2 ( )
    54. {
    55. timeDisplay = document.createTextNode ( "" );
    56. document.getElementById("ampm").appendChild ( timeDisplay );
    57. }
    58. function amPm ( )
    59. {
    60. var currentTime = new Date ( );
    61. var currentHours = currentTime.getHours ( );
    62. // Choose either "AM" or "PM" as appropriate
    63. var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
    64. // Convert the hours component to 12-hour format if needed
    65. currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
    66. // Convert an hours component of "0" to "12"
    67. currentHours = ( currentHours == 0 ) ? 12 : currentHours;
    68. // Compose the string for display
    69. var currentTimeString = timeOfDay;
    70. // Update the time display
    71. document.getElementById("ampm").firstChild.nodeValue = currentTimeString;
    72. }
    73. function init3 ( )
    74. {
    75. timeDisplay = document.createTextNode ( "" );
    76. document.getElementById("calendar").appendChild ( timeDisplay );
    77. }
    78. function calendarDate ( )
    79. {
    80. var this_weekday_name_array = new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag")
    81. var this_month_name_array = new Array("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember") //predefine month names
    83. var this_date_timestamp = new Date()
    84. var this_weekday = this_date_timestamp.getDay()
    85. var this_date = this_date_timestamp.getDate()
    86. var this_month = this_date_timestamp.getMonth()
    87. document.getElementById("calendar").firstChild.nodeValue = this_weekday_name_array[this_weekday] + ", " + this_month_name_array[this_month] + " " + this_date //concat long date string
    88. }
    89. </script>
    90. </head>
    92. <body bgcolor="black" background="Wallpaper.png">
    94. <table style="position: absolute; top: 0px; left: 0px; width: 320px; height: 130px;" cellspacing="0" cellpadding="0" align="center">
    95. <tr align="center" valign="top" border="0" cellpadding="0">
    96. <td width="320" height="130" background="ClockBar.png" valign="top">
    97. </td>
    98. </tr>
    99. </table>
    101. <table style="position: absolute; top: 32px; left: 0px; width: 320px; height: 461px;" cellspacing="0" cellpadding="0" align="center">
    102. <tr align="center" valign="top" border="0" cellpadding="0">
    103. <td height="10" valign="top">
    104. <span id="clock">
    105. <script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script></span><span id="ampm">
    106. <script language="JavaScript">amPm(); setInterval('amPm()', 1000 )</script>
    107. </span>
    108. </td>
    109. </tr>
    110. <tr align="center">
    111. <td id="date" valign="top" halign="center">
    112. <span id="calendar">
    113. <script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script>
    114. </span>
    115. </td>
    116. </tr>
    117. </table>
    118. </body>
    119. </html>
    Alles anzeigen


    Kennt sich jemand gut genug aus, um mir dabei zu helfen/ auf 24h umzuschreiben?



    lg

  • Hmm. versuch es mal so:

    HTML-Quellcode

    1. <html>
    2. <head><title>newclock</title></head>
    3. <style>
    4. SPAN#clock
    5. {
    6. font-family: Helvetica;
    7. color: #ffffff;
    8. font-size: 30px;
    9. text-shadow: #000000 1px 2px 1px;
    10. }
    11. SPAN#ampm
    12. {
    13. font-family: Helvetica;
    14. color: #ffffff;
    15. font-size: 15px;
    16. text-shadow: #000000 1px 2px 1px;
    17. }
    18. SPAN#calendar
    19. {
    20. font-family: Helvetica;
    21. text-align: center;
    22. color: #ffffff;
    23. text-shadow: #000000 1px 2px 1px;
    24. }
    26. </style>
    27. <script type="text/javascript">
    28. function init ( )
    29. {
    30. timeDisplay = document.createTextNode ( "" );
    31. document.getElementById("clock").appendChild ( timeDisplay );
    32. }
    33. function updateClock ( )
    34. {
    35. var currentTime = new Date ( );
    36. var currentHours = currentTime.getHours ( );
    37. var currentMinutes = currentTime.getMinutes ( );
    38. var currentSeconds = currentTime.getSeconds ( );
    39. // Pad the minutes and seconds with leading zeros, if required
    40. currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
    41. currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
    42. // Compose the string for display
    43. var currentTimeString = currentHours + ":" + currentMinutes;
    44. // Update the time display
    45. document.getElementById("clock").firstChild.nodeValue = currentTimeString;
    46. }
    47. function init2 ( )
    48. {
    49. timeDisplay = document.createTextNode ( "" );
    50. document.getElementById("ampm").appendChild ( timeDisplay );
    51. }
    52. function init3 ( )
    53. {
    54. timeDisplay = document.createTextNode ( "" );
    55. document.getElementById("calendar").appendChild ( timeDisplay );
    56. }
    57. function calendarDate ( )
    58. {
    59. var this_weekday_name_array = new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag")
    60. var this_month_name_array = new Array("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember") //predefine month names
    62. var this_date_timestamp = new Date()
    63. var this_weekday = this_date_timestamp.getDay()
    64. var this_date = this_date_timestamp.getDate()
    65. var this_month = this_date_timestamp.getMonth()
    66. document.getElementById("calendar").firstChild.nodeValue = this_weekday_name_array[this_weekday] + ", " + this_month_name_array[this_month] + " " + this_date //concat long date string
    67. }
    68. </script>
    69. </head>
    71. <body bgcolor="black" background="Wallpaper.png">
    73. <table style="position: absolute; top: 0px; left: 0px; width: 320px; height: 130px;" cellspacing="0" cellpadding="0" align="center">
    74. <tr align="center" valign="top" border="0" cellpadding="0">
    75. <td width="320" height="130" background="ClockBar.png" valign="top">
    76. </td>
    77. </tr>
    78. </table>
    80. <table style="position: absolute; top: 32px; left: 0px; width: 320px; height: 461px;" cellspacing="0" cellpadding="0" align="center">
    81. <tr align="center" valign="top" border="0" cellpadding="0">
    82. <td height="10" valign="top">
    83. <span id="clock">
    84. <script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script></span><span id="ampm">
    85. <script language="JavaScript">amPm(); setInterval('amPm()', 1000 )</script>
    86. </span>
    87. </td>
    88. </tr>
    89. <tr align="center">
    90. <td id="date" valign="top" halign="center">
    91. <span id="calendar">
    92. <script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script>
    93. </span>
    94. </td>
    95. </tr>
    96. </table>
    97. </body>
    98. </html>
    Alles anzeigen

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Dante93 ()