[решено] Часы на JavaScript

Sham · Отправлено: **22:29, 15-11-2007** | #2

Kosiak,
1.

Код:

 c1.src="папка/c1.gif" // и везде к .src так добавить...

2. убери с тега body аттрибут OnLoad="show3()" и добавь show3(); в самый конец скрипта (перед </Script>)

Kosiak · Отправлено: **00:14, 16-11-2007** | #3

Sham, спасибо, с путями получилось, хотя и не совсем так однозначно.
А вот с советом №2 трабла. Если из тега body аттрибут OnLoad="show3()" убрать часики совсем не отображаются (точнее не идут, как-будто не загрузились совсем), пробовал добавлять в конец скрипта - результат один. Опишите подробней, как это сделать...

Sham · Отправлено: **01:19, 16-11-2007** | #4

Kosiak, сори, насчет второго я неправ...

В общем так: часики запускаются в том месте, где указан show3(). <body onload... означало, что запуск произойдет после загрузки страницы целиком... чтобы этого не дожидаться, необходимо поместить show3() после нужных нам тегов img. Вот так (в теге script):

HTML код:

<img src="cb.gif" name="a"><img src="cb.gif" name="b"><img src="colon.gif" name="c"><img src="cb.gif" name="d"><img src="cb.gif" name="e"><img src="colon.gif" name="f"><img src="cb.gif" name="g"><img src="cb.gif" name="h"><img src="cam.gif" name="j">
<!-- вот тут запускаем -->
<script>show3();</script>

думаю, что первоначально не все картинки-циферки будут видны, особенно на медленном соединении...

Kosiak · Отправлено: **08:11, 16-11-2007** | #5

Спасибо!
А чтобы сначала прогрузились все цифры, а только потом появились часики как сделать (чтоб часы не разорвало, если скорость будет низкая)?

Sham · Отправлено: **04:06, 17-11-2007** | #6

Kosiak, добавьте функцию в список...

Код:

function test()
{
  if (cpm.complete&&cam.complete/* и т.д.*/)
  {
    window.clearInterval(id);
    document.getElementById('clock').style.display='';
    show3();
  }
}

и делаем изменения в HTML:

HTML код:

<span id="clock" style="display:none">
<img src="cb.gif" name="a"><img src="cb.gif" name="b"><img src="colon.gif" name="c"><img src="cb.gif" name="d"><img src="cb.gif" name="e"><img src="colon.gif" name="f"><img src="cb.gif" name="g"><img src="cb.gif" name="h"><img src="cam.gif" name="j">
</span>
<script>var id=window.setInterval(test,300);</script>