Ребят попробовал оба варианта,
Вот второй
<html>
<head>
<script type='text/javascript' src='clock.js'></script>
<link rel="stylesheet" type="text/css" href="clock.css">
<script type="text/javascript" language="Javascript">
document.write('<div id="logo"></div>')
day = new Date(); hour = day.getHours();
if (hour>=7 && hour<10) {document.getElementById("logo") .className = "logo"; }
else if (hour>=10 && hour<15)
{document.getElementById("logo") .className = "logo1"; }
else if (hour>=15 && hour<18)
{document.getElementById("logo") .className = "logo2"; }
else if (hour>=18 && hour<21)
{document.getElementById("logo") .className = "logo3"; }
</script>
</head>
<body onload='ShowCurrentTime();'>
<div id="logo" class="logo"><div id='sprite-hours'><div id='sprite-minutes'><div id='sprite-seconds'></div></div></div></div>
</body>
</html>
Картинка со стилем вылезает выше часов, т.е смещает часы вниз.
Что не так я делаю?