По этой ссылке Вы можете посмотреть, как выглядят и работают эти часы: http://enigma.nanoquant.ru/demo-script/time/demo-time1.html.
Если Вы хотите установить эти часы себе на свой сайт, то здесь находится инструкция по установке и коды, которые нужно скопировать на свой сайт.
Этот код нужно вставить вставьте между тегами head на той Вашей веб-странице, где будут находится часы.
<SCRIPT LANGUAGE="JavaScript"> <!-- hide from old browsers function jsClock24hr(){ var time = new Date() var hour = time.getHours() var minute = time.getMinutes() var second = time.getSeconds() var temp = "" + ((hour < 10) ? "0" : "") + hour temp += ((minute < 10) ? ":0" : ":") + minute temp += ((second < 10) ? ":0" : ":") + second document.clockForm24hr.digits.value = temp id = setTimeout("jsClock24hr()",1000) } //--> </script> |
В тег body нужно добавить этот атрибут (выделено красным).
<body ONLOAD="jsClock24hr()"> |
Следующий код нужно вставить между тегами body на той же веб-странице в то самое место, в котором Вы хотите, чтобы находились часы.
Разумеется тегам input можно присвоить любые нужные Вам стили, и, вообще, можно отформатировать эти часы так, как Вы сами считаете нужным.
<FORM NAME="clockForm24hr"> <FONT face="Courier New,Courier" size=3> <B><INPUT TYPE="text" NAME="digits" SIZE="6" VALUE="Loading"></B> </FONT> </FORM> |
Внимание! Если эти коды копируются из Вашего браузера в Вашу веб-страницу неправильно, то нужно их сначала скопировать в какой-нибудь самый простой текстовый редактор, например, в Блокнот. А уже потом оттуда их скопировать на свою веб-страницу.