Переделал немного твой код вот что получилось:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<img name="HRS_first" id="HRS_first" width="50" height="50">
<img name="HRS_second" id="HRS_second" width="50" height="50">
<img src="colon.png" width="50" height="50">
<img name="MNS_first" id="MNS_first" width="50" height="50">
<img name="MNS_second" id="MNS_second" width="50" height="50">
<img src="colon.png" width="50" height="50">
<img name="SCS_first" id="SCS_first" width="50" height="50">
<img name="SCS_second" id="SCS_second" width="50" height="50">
<script language="javascript" type="text/javascript">
setInterval(function() {
var Now = new Date(),
HRS = new String(Now.getHours()),
MNS = new String(Now.getMinutes()),
SCS = new String(Now.getSeconds()),
//Proverka pust li vtoroy simvol
HRS0 = (HRS.charAt(1) === '') ? '0' : HRS.charAt(0),
HRS1 = (HRS.charAt(1) === '') ? HRS.charAt(0) : HRS.charAt(1),
MNS0 = (MNS.charAt(1) === '') ? '0' : MNS.charAt(0),
MNS1 = (MNS.charAt(1) === '') ? MNS.charAt(0) : MNS.charAt(1),
SCS0 = (SCS.charAt(1) === '') ? '0' : SCS.charAt(0),
SCS1 = (SCS.charAt(1) === '') ? SCS.charAt(0) : SCS.charAt(1);
console.log(SCS1);
document.HRS_first.src = HRS0 + ".png";
document.HRS_second.src = HRS1 + ".png";
document.MNS_first.src = MNS0 + ".png";
document.MNS_second.src = MNS1 + ".png";
document.SCS_first.src = SCS0 + ".png";
document.SCS_second.src = SCS1 + ".png";
},1000);//Obnovlenie chasov raz v secundu
</script>
</body>
</html>
Думаю разберешься если что то не понятно спрашивай.
Ток оно рисует часы после 1 секунды чтоб сразу рисовало перед сет интервал добавить можно такой самый код что был передан сет интервалу или чтото придумать менее избыточное для памяти компа.
И передавай методам типо сет интервал аргументы в виде анонимной функции а не в виде строки. Обращайся))).
Вот тоже похожая штука только обычные цифры вместо картинок:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Документ без названия</title>
</head>
<body>
<script type="text/javascript">
window.onload = function() {
initDate();
initTime();
}
function initDate() {
var now = new Date;
var month = ["Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"];
var dateString = (now.getDate() > 9 ? now.getDate() : "0" + now.getDate())+
" " +
month[now.getMonth()] +
" " +
now.getFullYear()
document.getElementById("date").innerHTML = ("<h1>"+ dateString +"</h1>");
}
function initTime() {
var now = new Date();
var timeString = (now.getHours() > 9 ? now.getHours() : "0" + now.getHours()) +
":" +
(now.getMinutes() > 9 ? now.getMinutes() : "0" + now.getMinutes()) +
":" +
(now.getSeconds() > 9 ? now.getSeconds() : "0" + now.getSeconds());
document.getElementById("time").innerHTML = "<h1>" + timeString + "</h1>";
setTimeout(initTime, 1000);
}
document.getElementById("date").color = "#c0c0c0";
</script>
<div id="date" align="center"></div>
<div align="center">_________________</div>
<div id="time" align="center"></div>
</body>
</html>
Ниже прикреплен зип архив с ресурсами.