Question

我有一个简单的脚本来切换 onmouseover 上的帖子图片/文字。如果帖子不超过2个，则代码可以正常工作，但当帖子数量增加时，代码变得非常慢。

function showPost(ele, eve) {
    var id = ele.id.replace("post-", "");
    if (typeof window['timerHide-' + id] !== "undefined") {
        clearInterval(window['timerHide-' + id]);
    }
    var target = (eve.relatedTarget) ? eve.relatedTarget : eve.toElement;
    var parent = $("post-" + id);
    if (typeof target === "undefined" || target === parent || target.parentNode === parent || target.parentNode.parentNode === parent) {
        return;
    }
    var img = $("post-img-" + id);
    var txt = $("post-txt-" + id);
    if (img.style.opacity === "") {
        img.style.opacity = 1;
    }
    var opacity = img.style.opacity;
    window['timerShow-' + id] = setInterval(function () {
        if (opacity <= 0.1) {
            clearInterval(window['timerShow-' + id]);

            img.style.display = 'none';
            txt.style.display = 'block';
            txt.style.opacity = 1;
        }
        img.style.opacity = opacity;
        img.style.filter = 'alpha(opacity=' + opacity * 100 + ")";
        opacity -= opacity * 0.1;
    }, 1);
};

另一个功能几乎与此功能相同，只是它隐藏了切换文本。

THX

Answer 1

您似乎将区间ID保存到DOM元素，尝试使用变量

var timerID = setInterval(function ()
if (opacity <= 0.1)
{
    clearInterval(timerID);

JS脚本执行缓慢

1 个答案: