Question

怎么利用JQuery实现如下功能：鼠标放上去特定时间后执行某操作？

怎么利用JQuery实现如下功能：
一个元素，鼠标放上去特定时间后（比如1秒后）执行使另一个元素可见的操作？

Answer 1

<style>
.none {display:none;}
.block {display:block;}
.nav {width:200px; height:30px;}
.nav a {padding:0 10px; display:inline-block; width:auto; height:30px; line-height:30px;}
.nav a.cur {background:#ff0;}
</style>
<div class="mid">
    <div class="nav">
        <a href="javascript:;" class="cur">问题分类</a>
        <a href="javascript:;">知道栏目</a>
        <a href="javascript:;">知道用户</a>
    </div>
    <div class="con block">
        问题分类内容
    </div>
    <div class="con none">
        知道栏目内容
    </div>
    <div class="con none">
        知道用户内容
    </div>
</div>
 <script>
var setTimer,speed=200;//延迟0.2秒
$(".nav a").mouseover(function(){
var $this=$(this),i=$this.index();
setTimer=setTimeout(function(){
$this.addClass("cur").siblings().removeClass("cur");
$(".con").removeClass("block").addClass("none").eq(i).toggleClass("none block");
},speed);
}).mouseout(function(){clearTimeout(setTimer);});
</script>

Answer 2

$(function(){
			
			//绑定一个ID为test的控件
			$("#test").mouseover(function(){
			//3s后调用yourFunction
				setTimeout('yourFunction()',3000);
			});
			
		});
		function yourFunction(){
			alert("延迟3秒后调用！");
		}

Answer 3

setTimeout(function(){
div.style.display = "block";

},1000);

<div id="div" style="display:none">sdf</div>