javascript - 为什么这个 JavaScript 淡入功能不起作用

Question

    fadeIn = function(r, s) {
        var self = this, t;
        if (!self instanceof Element) return false;
        t = setInterval(function() {
            self.style.opacity = (self.style.opacity) + s;
            if (self.style.opacity == ".90") {
                clearInterval(t);
            }
        }, r);
    }
box = document.getElementById("box");
fadeIn.apply(box, [30, .2]);

我知道使用 JQuery 会更好，但我只是在尝试。当我点击“box”时，不透明度急剧下降，但降至 0.1，但它并不像我希望的那样褪色。

Answer 1

我建议你在应用不透明度时延迟一下，解释得很好 here

编辑:

查看一些用户对您的接受率的评论，返回到您的一些旧问题，并接受一些答案(如果它们适合您)，或者评论或编辑您的问题，以便您确实得到可接受的答案。

编辑2:

看看史蒂文怎么说:

在这一行:self.style.opacity = (self.style.opacity) + s;您正在将列表 [30,.2] 添加到数字中。根据你的间隔，r应该是一个数字，但它是一个盒子... box = document.getElementById("box"); ...所以你的函数没有得到它期望的输入