单击时显示div并在几秒钟后再次隐藏

Question

我有这个javascript：

function addToCart(id){

    //  alert(document.getElementById('pizza-title'+id).innerHTML);
        document.getElementById('floating-notif').setAttribute("style", "display:block; animation: fadein 2s;-moz-animation: fadein 2s; -webkit-animation: fadein 2s;-o-animation: fadein 2s;");
        setTimeout(hideFloatinDiv(), 5000);
    }

    function hideFloatinDiv(){
        document.getElementById('floating-notif').setAttribute("style", "display:none;");

    }

现在我正在做的是，在点击一个按钮之后，div将显示当前有效的2秒过渡动画，在5秒之后，它将消失，display none当前无法正常工作。

问题在于，当我放setTimeout(hideFloatinDiv(), 5000); 它不会工作时。

有没有办法在几秒钟内显示div并在javascript或css中再次隐藏它？

Answer 1

您立即调用函数hideFloatinDiv，而不是将其传递给setTimeout。取下括号：

setTimeout(hideFLoatinDiv, 5000);