Плавное увеличение прозрачности элемента от минимума до максимума

[hon]

Через 4 сек после загрузки страницы элемент <span id="maploading">...</span> должен за 10 сек плавно исчезнуть. Не работает! Исчезает сразу! Наработки:

<script>
  function contacts_hideElement() {
    IntervalID = setInterval(function() {
                               console.info(document.getElementById('maploading').style.opacity); console.log('123');
                               document.getElementById('maploading').style.opacity = document.getElementById('maploading').style.opacity - 0.01;
                               if (document.getElementById('maploading').style.opacity <= 0) clearInterval(IntervalID);
                               },100);
  }
  setTimeout('function(){contacts_hideElement();}',4000);
</script>

[_SanR]

Привет.
Посмотри чему у тебя равно

document.getElementById('maploading').style.opacity

перед вычитанием, дальше разберешься как исправить.

[_SanR]

function contacts_hideElement() {
    var maploading = document.getElementById('maploading');
    maploading.style.opacity = 1;
    IntervalID = setInterval(function() {                               
                               maploading.style.opacity = maploading.style.opacity - 0.01;
                               if (maploading.style.opacity <= 0) clearInterval(IntervalID);
                               }, 100);
}
    setTimeout('function(){contacts_hideElement();}',4000);

[hon]

Решение:

  function contacts_hideElement() {
    var maploading = document.getElementById('maploading');
    maploading.style.opacity = 1;
    IntervalID = setInterval(function() {
                               maploading.style.opacity = maploading.style.opacity - 0.01;
                               if (maploading.style.opacity <= 0) clearInterval(IntervalID);
                               }, 20);
  }
  setTimeout(function(){contacts_hideElement();},2000);

Затухание в течение 2 секунд с качеством 20 FPS.