Задержка и исчезновение в тексте с помощью JavaScript? - PullRequest
Новая
       35

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

0 голосов
/ 25 апреля 2011

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

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

Спасибо

Ответы [ 2 ]

2 голосов
/ 25 апреля 2011 
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 .

0 голосов
/ 25 апреля 2011 
    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]);

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

...