Задержка и исчезновение текста с помощью Javascript?

Question

На моей странице есть строка. Я хочу задержать 2 секунды и угаснуть ее. Есть ли способ сделать это без jQuery?

Сайт http://theclockpage.com/ И текст маленькая линия под часами, текст получается через JavaScript, поэтому я не добавить к этому вопросу.

Благодаря

Answer 1

var textCont = document.getElementById('clock').nextSibling; 
textCont.style.opacity = 0; 

setTimeout(function() { 
    var opacity = 0, 
     animate = setInterval(function() { 

      opacity += 0.05; 

      if (opacity >= 1) { 
       clearInterval(animate); 
      } 

      textCont.style.opacity = opacity; 

     }, 10); 
}, 2000); 

jsFiddle.

Answer 2

var d = document.getElementById("box"); 

    function fadeOut(fadeScaler, hertz) { 
     if (!this instanceof Element) return false; 
     hertz = (!hertz) ? 60 : hertz; // Approx 60 hertz refresh rate 

     var opacity = this.style.opacity 
      opacity = "0"; 

     var t = setInterval(
      function() { 
      opacity = parseInt(opacity) + fadeScaler + ''; 

      if (parseInt(opacity) >= 1) 
       clearInterval(t); 
      }, 
      Math.floor(1000/hertz)); // 1000 miliseconds/hertz = refresh rate 
    }; 

fadeOut.apply(d, [.05]); 

Id использовать этот, функция Alex не будет работать. Непрозрачность - это строка и не может быть + = 'd с целым числом.