IT박스

JavaScript를 사용하여 X 초 대기 후 페이지 리디렉션

itboxs 2020. 11. 26. 08:04
반응형

JavaScript를 사용하여 X 초 대기 후 페이지 리디렉션


오류 메시지를 넣은 후 5 초 후에 특정 URL로 리디렉션해야합니다. 먼저 아래와 같이 Javascript를 사용했습니다.

document.ready(window.setTimeout(location.href = "https://www.google.co.in",5000));

그러나 5 초 동안 기다리지 않습니다. 웹 브라우저가 아닌 DOM에서 문서가로드 될 때 "document.ready ()"가 호출된다는 사실을 알게 된 것보다 Google에서 문제를 검색했습니다.

jQuery의 window.load () 함수를 사용했지만 여전히 원하는 것을 얻지 못하고 있습니다.

$(window).load(function() {
               window.setTimeout(window.location.href = "https://www.google.co.in",5000);
            });

누구든지 5 초 동안 기다려야하는 방법을 정확히 알려주세요.


거의 다 온 것 같습니다. 시험:

if(error == true){

    // Your application has indicated there's an error
    window.setTimeout(function(){

        // Move to a new location or you can do something else
        window.location.href = "https://www.google.co.in";

    }, 5000);

}

실제로 window.setTimeout()다음과 같이 5000 밀리 초 후에 실행하려는 함수를 내부에 전달해야합니다 .

$(document).ready(function () {
    // Handler for .ready() called.
    window.setTimeout(function () {
        location.href = "https://www.google.co.in";
    }, 5000);
});

더 많은 정보를 위해서: .setTimeout()


이 JavaScript 기능을 사용할 수 있습니다. 여기 에서 사용자에게 리디렉션 메시지를 표시 하고 지정된 URL로 리디렉션 할 수 있습니다 .

<script type="text/javascript">   
    function Redirect() 
    {  
        window.location="http://www.newpage.com"; 
    } 
    document.write("You will be redirected to a new page in 5 seconds"); 
    setTimeout('Redirect()', 5000);   
</script>

함수를 전달해야합니다. setTimeout

$(window).load(function () {
    window.setTimeout(function () {
        window.location.href = "https://www.google.co.in";
    }, 5000)
});

setInterval()지정된 시간이 지나면 JavaScript 메서드를 사용 하여 페이지를 리디렉션합니다. 다음 스크립트는 5 초 후에 페이지를 리디렉션합니다.

var count = 5;
setInterval(function(){
    count--;
    document.getElementById('countDown').innerHTML = count;
    if (count == 0) {
        window.location = 'https://www.google.com'; 
    }
},1000);

예제 스크립트 및 라이브 데모는 여기에서 찾을 수 있습니다 -JavaScript를 사용하여 지연 후 페이지 리디렉션


$(document).ready(function() {
    window.setTimeout(function(){window.location.href = "https://www.google.co.in"},5000);
});

setTimeout('Redirect()', 1000);
function Redirect() 
{  
    window.location="https://stackoverflow.com"; 
} 

//document.write("1000-> 1 초, 2000-> 2 초 후에 새 페이지로 리디렉션됩니다. ");


<script type="text/javascript">
      function idleTimer() {
    var t;
    //window.onload = resetTimer;
    window.onmousemove = resetTimer; // catches mouse movements
    window.onmousedown = resetTimer; // catches mouse movements
    window.onclick = resetTimer;     // catches mouse clicks
    window.onscroll = resetTimer;    // catches scrolling
    window.onkeypress = resetTimer;  //catches keyboard actions

    function logout() {
        window.location.href = 'logout.php';  //Adapt to actual logout script
    }

   function reload() {
          window.location = self.location.href;  //Reloads the current page
   }

   function resetTimer() {
        clearTimeout(t);
        t = setTimeout(logout, 1800000);  // time is in milliseconds (1000 is 1 second)
        t= setTimeout(reload, 300000);  // time is in milliseconds (1000 is 1 second)
    }
}
idleTimer();
        </script>

참고 URL : https://stackoverflow.com/questions/17150171/page-redirect-after-x-seconds-wait-using-javascript

반응형