javascript - 单击时显示 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);