>  기사  >  웹 프론트엔드  >  JS 이벤트 지연 실행 설명 분석_javascript 기술

JS 이벤트 지연 실행 설명 분석_javascript 기술

WBOY
WBOY원래의
2016-05-16 18:27:471071검색

아이디어: 사용자가 교차할 때 변수 i=0을 설정합니다.
매 100밀리초 i
i==10이면 정확히 1초입니다. 이벤트를 발동시키면 됩니다.
그렇지 않은 경우에는 setInterval을 삭제하세요.
하하. 제가 명확하게 설명했는지 모르겠습니다.
코드:

코드 복사 코드는 다음과 같습니다.

var Delay=function (t, fn){
var i=0,
j=10,
t=(t*1000)/j,
//지연 시간을 10등분으로 나눕니다
_this=this ,
//이 바인딩 문제를 해결하므로 지연 함수를 호출할 때 자신의 객체를 가리키는 이것을 처리하세요
d=setInterval(function(){
i;
if( i== j){
clearInterval(d);
fn.apply(_this)
},t)
_this.onmouseout(){
clearInterval(d);
}


테스트 코드:


테스트 DIV입니다. 마우스를 올려놓으면 2초뒤에 아이디가 뜹니다
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.