JavaScript code snippet to do something once after 5 seconds. The jQuery setTimeout function can be used to automate a task using a once only time based trigger.
This function is very similar to the jQuery setInterval() Function.
Basic setTimeout() Example
setTimeout(function() {
// Do something after 5 seconds
}, 5000);
// 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);
clearTimeout(timeout);
More setTimeout() Examples
jQuery(document).ready(function () {
//hide a div after 3 seconds
setTimeout( "jQuery('#div').hide();",3000 );
});
//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);
});
//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)" />
<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()" />
function timeout_trigger() {
window.alert('Hello!');
}
function timeout_init() {
setTimeout('timeout_trigger()', 2000);
}
</script>
<input type="button" value="click me" onclick="timeout_init()" />
