使用Javascript延迟和淡入文本

Delay and fade in text with Javascript?

本文关键字：淡入 文本 延迟 Javascript 使用      更新时间：2023-09-26

在我的页面中有一行我想延迟2秒并将其淡入。有没有一种不使用jQuery的方法?

网站是http://theclockpage.com/文本是时钟下面的小线，文本是通过javascript获得的，这就是为什么我没有把它添加到问题中。

谢谢

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 . 

    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]);

我用这个，Alex的函数不起作用。

不透明度是一个字符串，不能+='d +整数。
相关文章：