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()" />
案例:
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==0){ var $span = $("<span class='namelistdel' style='position:absolute;'><img src='/images/select_imgbt.png'></span>"); $(namelistli).prepend($span); } }, 150); //删除其他的span namelistli.siblings().find("span").remove(); }); $("body").on("mouseout", '.namelistdel', function(){ clearTimeout(timeover); //鼠标离开解除延迟 clearTimeout(timeout); timeout = setTimeout(function() { $(".namelistdel").remove(); }, 150); });