javascript - javascript += div 的不透明度未添加

Question

function popupGrowStage3() {
if (popupContentContainer.style.opacity < 1) {
    popupContentContainer.style.opacity+= 0.01;
    setTimeout(popupGrowStage3, 1000 / 60);
    alert(popupContentContainer.style.opacity);
} else {
    isPopupShowing = 1;
}
}
popupGrowStage3();

上面的代码似乎并不是每次都给不透明度增加 0.01。警报一直说 0.01。为什么要这样做？

popupContentContainer.style.width = popup.style.width;
    popupContentContainer.style.height = popup.style.height;
    popupContentContainer.style.backgroundColor = "#111111";
    popupContentContainer.style.opacity = 0;
    popup.appendChild(popupContentContainer);

这段代码在那之前

Answer 1

类型popupContentContainer.style.opacity是字符串。因此，当您+=使用字符串时，结果将是一个连接的字符串。

例如：

var a = '2';
a += 2; //results '22'

改变：

popupContentContainer.style.opacity+= 0.01;

至：

popupContentContainer.style.opacity = parseFloat(popupContentContainer.style.opacity) + 0.01;