Basic setTimeout() Example
setTimeout(function() {
// Do something after 5 seconds
}, );
Tip: you can use the ClearTimeout() function to clear any timer values previously stored.
timeout = setTimeout('timeout_trigger()', );
clearTimeout(timeout);
More setTimeout() Examples
jQuery(document).ready(function () {
//hide a div after 3 seconds
setTimeout( "jQuery('#div').hide();", );
});
Or in a different way:
jQuery(document).ready(function () {
//hide a div after 3 seconds
setTimeout(function(){ jQuery("#div").hide(); }, );
});
<!-- show a message for 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()', );
}
</script>
<input type="button" value="click me" onclick="timeout_init()" />
案例：
var timeover;
var timeout; $(".namelistul li img").mouseover(function(){
clearTimeout(timeover);
clearTimeout(timeout);
var namelistli = $(this).parent();//父节点
timeover = setTimeout(function() {
if(namelistli.has("span").length==){
var $span = $("<span class='namelistdel' style='position:absolute;'><img src='/images/select_imgbt.png'></span>");
$(namelistli).prepend($span); }
}, );
//删除其他的span
namelistli.siblings().find("span").remove(); }); $("body").on("mouseout", '.namelistdel', function(){
clearTimeout(timeover); //鼠标离开解除延迟
clearTimeout(timeout);
timeout = setTimeout(function() {
$(".namelistdel").remove();
}, );
});