>웹 프론트엔드 >JS 튜토리얼 >JS 지연 로딩(setTimeout) JS가 로드됨 last_javascript 기술

JS 지연 로딩(setTimeout) JS가 로드됨 last_javascript 기술

WBOY
WBOY원래의
2016-05-16 18:23:051344검색

첫 번째 JS 지연 로딩

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

31ccc22ce77c3e8bea4be4735303872e2cacc6d41bbb37262a98f745aa00fbf0 6919634607f14bdbe1a4299125db9861 setTimeout("document.getElementById('my').src='include/common.php'; ",3000);//3초 지연
스크립트>


일반적인 상황에서는
을 달성하기 위해 setTimeout이 사용됩니다.
두 번째 JS가 마지막으로 로드됩니다
JS를 삽입해야 하는 곳에 다음 코드를 삽입하세요.

4fe8949561ac5b6018d714fc91002a35로드 중...0fe0b7695b8025b8365ca0c050e039db

물론, 그 LOADING... 마음에 드는 작은 그림으로 바꾸셔도 됩니다. AJAX가 매우 효과적인 것 같습니다.
그런 다음 페이지 하단에 삽입하세요:



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



코드 복사
코드는 다음과 같습니다. 3f1c4e4b6b16bbbd69b2ee476dc4f83aL4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";2cacc6d41bbb37262a98f745aa00fbf0
setTimeout의 표준 구문은 다음과 같습니다. setTimeout(expression, time (milliseconds)) 두 개의 매개변수

여기서는 함수라고 가정하고 첫 번째 매개변수가 함수일 때의 호출에 주목하세요.
1. 매개변수가 없는 함수:
함수 경고V(){ 경고("000") }

첫 번째 매개변수가 인용되지 않은 경우("" 또는 '') 1초 지연이 발생합니다.
setTimeout(alertV,1000)

첫 번째 매개변수가 인용되면 1초 동안 지연됩니다.
setTimeout("alertV()",1000)


2. 함수에는 매개변수가 있습니다:

함수 경고V(이벤트){ 경고("keyCode=" event.keyCode) }

이때 다음과 같이 설정되어야 합니다.
setTimeout(function(){alertV(event);},1000); 그렇지 않으면 매개변수가 정의되지 않았다는 메시지가 표시됩니다.




jquery는
과 같이 지연을 통해 구현됩니다.
setTimeout(function () {
    $("#id").html(datastr);
  }, 1000);

setTimeout('yourFunction()',5000); 5초 후에 yourFunction()을 한 번만 실행합니다.
setInterval('yourFunction()',5000); 5초마다 u
$("#id").delay(1000).html(datastr);
실행
yourFunction()에서 setTimeout('yourFunction()',5000)이 다시 호출되면

과 유사한 작업을 완료할 수 있습니다.

setInterval('yourFunction()',5000)

의 함수
혹시 더 좋고 실현 가능한 방법이 있다면 공유해 주시면 감사하겠습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.