jQuery setTimeout() Function Examples

JavaScript code snippet to do something once after 5 seconds. The jQuery JavaScript setTimeout function can be used to automate a task using a once only time based trigger.

This function is very similar to the jQuery JavaScript setInterval() Function.

View code on GitHub

Basic setTimeout() Example

setTimeout(function() {
      // Do something after 5 seconds
}, 5000);

Tip: you can use the ClearTimeout() function to clear any timer values previously stored.

timeout = setTimeout('timeout_trigger()', 3000);
clearTimeout(timeout);

More setTimeout() Examples

jQuery(document).ready(function () {
    //hide a div after 3 seconds
    setTimeout( "jQuery('#div').hide();",3000 );
});

Or in a different way:

jQuery(document).ready(function () {
    //hide a div after 3 seconds
    setTimeout(function(){ jQuery("#div").hide(); }, 3000);
});
<!-- show a message for 2 seconds after you click the button -->
<input type="button" value="click me"
 onclick="setTimeout('window.alert(\'Hello!\')', 2000)" />

Or as a function:

<script language="Javascript">

function timeout_trigger() {
    window.alert('Hello!');  
}

function timeout_init() {
    setTimeout('timeout_trigger()', 2000);
}

</script>
<input type="button" value="click me" onclick="timeout_init()" />