js如何控制鼠标放在div上3秒后才执行函数

JavaScript029

js如何控制鼠标放在div上3秒后才执行函数,第1张

//随便定义方法，把参数调整可配置

function delayFn(el , tag , time){//绑定事件元素，操作目标元素，延时时间(毫秒，默认300)

  var tagEl = $(tag), 

      timeout,

      $this

  $this = $(el).mouseover(function(){

    timeout = setTimeout(function(){

      tagEl.appendTo($this).show()

    } , time || 300)

  }).mouseout(function(){

    clearTimeout(timeout)

    tagEl.hide()

  })

}

$(function(){

  delayFn('.div1' , '.showdiv1')//div1

  delayFn('.div2' , '.showdiv2' , 500)//div1

})

//第三个参数可选，默认300

jsp中定时触发方法是通过js的定时函数来实现的。

js中Document自带的方法：

定时执行：var tmid = window.setTimeout(“方法名或方法”, “延时”)window.clearTimeout(tmid)

<script type=”text/javascript”>

//定时执行，3秒后执行method1()

window.setTimeout(function(){

method1(“method1”)

},5000)

//定时执行，5秒后执行method2()

window.setTimeout(function(){

method2(“bbbbbb”)

},5000)

</script>