지연 후 함수 실행

지연 후 함수 실행

아래 글로벌 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).delay(1000).queue(function() {

     // your Code | Function here
     
     $(this).dequeue();
  
  });

일치하는 요소에 대해 대기열에서 다음 함수를 실행합니다. 이 함수는 현재 다시 실행됩니다.

-- 편집 [DEQUE 명령에 대한 가능한 설명]

명령어를 살펴봅니다.

우리는 jQuery 엔진에 내부 큐에 함수를 추가하도록 명령한 다음 특정 시간이 지나면 해당 함수를 호출하도록 명령하지만 지금까지 엔진에서 함수를 해제하도록 명령한 적이 없습니다.그렇죠?!그리고 모든 작업이 끝나면 jQuery 엔진에서 수동으로 디큐를 해제합니다.설명이 도움이 되었으면 좋겠습니다.

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. 제이쿼리delay(5000)함수는 다음 함수를 호출하기 전에 5000밀리초의 지연을 발생시킵니다.
4. .fadeOut(1000)그 성명의 끝에서 희미해질 것입니다..alert-element

jQuery의 delay() 메서드를 사용하여 지연 시간 간격을 설정할 수 있습니다.

HTML 코드:

  <div class="box"></div>

JQuery 코드:

  $(document).ready(function(){ 
    $(".show-box").click(function(){
      $(this).text('loading...').delay(1000).queue(function() {
        $(this).hide();
        showBox(); 
        $(this).dequeue();
      });        
    });
  });

여기서 예를 볼 수 있습니다.jQuery에서 시간이 지난 후 함수 호출 방법

언급URL : https://stackoverflow.com/questions/10860171/run-function-after-delay