javascript - Google Chrome JavaScript Fade : style. 不透明度和 setTimeout

Question

我有一个淡化元素的 JavaScript 脚本。

要点就是这样:

function fade() {
    if (cat.style.opacity > 0) {
        // decrease opacity slightly
        cat.style.opacity -= 0.1;

        // call fade again in a fraction of a second
        setTimeout( fade, 60 );
    } else { 
        cat.style.visibility = "hidden";
    }
}

(完整代码在这里 http://xahlee.info/js/js_fadeout.html，JavaScript 代码在这里:http://xahlee.info/js/js_fadeout.js)

在谷歌浏览器中，它不会完全消失。似乎循环卡住了，style.opacity 从未达到 0。

在 StackOverflow 上，它似乎是一年前的一篇帖子中的 Google Chrome 错误，但从未真正得到证实。

看起来很奇怪，因为这将是一个主要错误。有人知道为什么它在 Google Chrome 中不起作用吗？

Answer 1

这似乎是一个精度问题。通过使用 .toFixed 达到您需要的精度，您可以很容易地绕过它。

cat.style.opacity = (cat.style.opacity - 0.1).toFixed(2);

http://jsfiddle.net/GgPqc/