Javascript 지연 실행 실현 방법(setTimeout)
1134 단어 실행 지연setTimeout
var changeTab = function(){
var timeId = 0;
return function(tabId){
if(timeId){
clearTimeout(timeId);
timeId=0;
}
setTimeout(function(){
//ajax do something
},500);
};
}();
비교적 간단 한 예 로 tab 에 연 결 된 onmouseover 입 니 다.사용자 가 끊임없이 tab 를 오 가 며 전환 하면 ajax 요청 이 실행 되 지 않 습 니 다.500 밀리초 동안 멈 춘 후에 만 실행 할 수 있 습 니 다.500 밀리초 입 니 다.사실은 매우 짧 고 사용자 체험 에 영향 을 주지 않 습 니 다.2。지연 자동 완성 수요:텍스트 입력 상자 에서 사용자 의 입력 을 감청 하여 자동 완성 기능 을 실현 합 니 다.단점:사용자 가 문 자 를 입력 할 때마다 ajax 요청 이 발생 합 니 다.사용자 가 긴 문자열 의 내용 을 연속 으로 입력 하면 요청 횟수 가 많 습 니 다.실제로 마지막 으로 사용자 가 필요 합 니 다.코드 는 위의 예 와 유사 하 다.3。스크롤 지연 수요:페이지 의 광고,사용자 가 원 하 는 곳 으로 스크롤 하면 따라 갑 니 다.단점:사용자 가 바닥 에 굴 러 가면 광 고 를 다시 찾 을 수 있 는 함수 가 N 번 발생 합 니 다.사실 사용자 가 멈 출 때 한 번 만 터치 하면 충분 하 다.코드 는 1 과 유사 합 니 다.사실은 이런 사례 가 많 습 니 다.어떤 일 들 은 바로 실행 할 필요 가 없고 시간 을 좀 늦 출 수 있 습 니 다.시간 이 짧 고 사용자 체험 에 영향 을 주지 않 으 며 불필요 한 소 모 를 많이 줄 일 수 있 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
선택 기 를 선택 한 친 구 는 이 사고방식 의 실행 지연 과 선택 조작 을 시험 해 볼 수 있다이렇게 하면 다음 네 개의 같은 코드 세그먼트 중 4 개의 선택 동작$class("a").color("green");$와 같 습 니 다.class("b").color("red"); $class("c").color("...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.