IT박스

지연 후 기능 실행

itboxs 2020. 10. 31. 09:30

지연 후 기능 실행


아래 전역 jQuery 함수가 저장되어 있지만 페이지로드시 1000 지연 후에 실행하고 싶습니다. 내 구문에 문제가 있습니까? 나는 지연이 항상 함수보다 먼저 진행된다는 것을 알고 있습니다. 응답하지 않습니다.

전역 기능 :

function showpanel() {     
       $(".navigation").hide();
       $(".page").children(".panel").fadeIn(1000);
    ;}

실행 기능 :

parallax.about.onload=function(){
    $('#about').delay(3000).showpanel();
};

$(document).ready(function() {

  // place this within dom ready function
  function showpanel() {     
    $(".navigation").hide();
    $(".page").children(".panel").fadeIn(1000);
 }

 // use setTimeout() to execute
 setTimeout(showpanel, 1000)

});

자세한 내용은 여기를 참조 하십시오.


검색 결과 다음 URL의 솔루션이 더 좋습니다 .

http://www.tutorialrepublic.com/faq/call-a-function-after-some-time-in-jquery.php

시도해 볼 가치가 있습니다.

현재 this 인 일치하는 요소에서 실행될 함수 큐에 주어진 함수를 추가합니다 .

 $(this).delay(1000).queue(function() {

     // your Code | Function here

     $(this).dequeue();

  });

그리고 현재 정합 요소 (들)에 대한 큐에서 다음의 기능을 실행 다시.


jQuery에서 시간 제한 기능을 추가 할 수 있습니다 (3 초 후 경고 표시).

$(document).ready(function($) {
    setTimeout(function() {
     alert("Hello");
    }, 3000);
});

이 답변은 JQuery 함수를 사용하여 지연만드는 방법을 이해하는 데 유용 delay합니다.

경고가 있고 경고 텍스트를 설정 한 다음 경고를 표시하고 몇 초 후에 숨긴다고 가정 해보십시오.

다음은 간단한 해결책입니다.

$(".alert-element").html("I'm the alert text").fadeIn(500).delay(5000).fadeOut(1000);

완전히 간단합니다.

  1. .html() 텍스트를 변경합니다 .alert-element
  2. .fadeIn(500) 500 밀리 초 후에 페이드 인됩니다.
  3. JQuery delay(5000)함수는 다음 함수를 호출하기 전에 5000 밀리 초의 지연을 만듭니다.
  4. .fadeOut(1000) 성명서의 끝에 페이드 아웃됩니다 .alert-element

참고 URL : https://stackoverflow.com/questions/10860171/run-function-after-delay