Breaking News: Grepper is joining You.com. Read the official announcement!

hide div after 5 seconds javascript

CoderHomie answered on November 14, 2022 Popularity 8/10 Helpfulness 7/10

answer hide div after 5 seconds javascript

related hide div after 5 seconds javascript

hide div after 5 seconds javascript

Comment

let elem = document.getElementById('elemID'); // select the element to hide using its ID
let delayTime = 5000; /// 5000 milliseconds = 5 seconds (this is the delay time)

// use timeOut() to fire our code after a set time...
setTimeout(
    function()
    {
        elem.style.display = 'none';
    }, delayTime
)

// if you need this to only happen after the page has loaded then wrap your code
// in a document ready function as per below:
// first, lets put our initial code into a function...
function hideDiv()
{
    let elem = document.getElementById('elemID'); // select the element to hide using its ID
    let delayTime = 5000; /// 5000 milliseconds = 5 seconds (this is the delay time)

    // use timeOut() to fire our code after a set time...
    setTimeout(
        function()
        {
            elem.style.display = 'none';
        }, delayTime
    )
}

// next, we call the function we just created, but, from inside a listiner which waits for the document to
// finish loading...
document.addEventListener("DOMContentLoaded", 
    function() 
    {
        // code to fire when the document has loaded...
        hideDiv();
    }
);

Popularity 8/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: hide javascript seconds

Link to this answer
Share Copy Link

Contributed on Nov 14 2022

CoderHomie

0 Answers Avg Quality 2/10

Closely Related Answers

hide div after 5 seconds javascript

Comment

-1

// select the element to hide using its ID
let elem = document.getElementById('elemID');
// set the display to "none", hiding the element...
elem.style.display = 'none';

/// --- you can also do it in 1 line without using a variable, 
/// --- as per the example below:
document.getElementById('elemID').style.display = 'none';

/// --- Bonus: if you like using jQuery, then you can hide elements as like so:
$('#elemID').hide();

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript seconds hide jav

Link to this answer
Share Copy Link

Contributed on Nov 14 2022

CoderHomie

0 Answers Avg Quality 2/10

hide div after 5 seconds javascript

Contents

More Related Answers

hide div after 5 seconds javascript

Closely Related Answers

hide div after 5 seconds javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.