javascript - 几秒钟后通知开/关

Question

我是 JavaScript 的初学者，正在做一些练习。当我添加新电影时，会在 0.5 秒后显示通知，但我不确定之后如何设置 2 秒的时间间隔来隐藏通知。任何帮助表示赞赏！

// Notification
function notify(){
    setTimeout(function(){
        document.getElementById('notificationAddMovie').style.display = 'block'},500);
}

/* Notification */
#notificationAddMovie{
    display: none;
    position:fixed;
    padding:1rem;
    bottom:10px;
    left:10px;
    background-color:#621940;
    color:#FFF;
    font-family: helvetica;
    border-radius:3px;
}

    <!-- Movie Add Box-->
    <div id = 'notificationAddMovie'>
        <p>Successfully added!</p>
    </div>

标签： javascript

Answer 1

function notify(){
    setTimeout(function(){
        document.getElementById('notificationAddMovie').style.display = 'block'
    }, 500);
    
    setTimeout(function(){
        document.getElementById('notificationAddMovie').style.display = 'none'
    }, 2000);
}

那是你需要的吗？