집 >웹 프론트엔드 >JS 튜토리얼 >자바스크립트에서 5초 후에 페이지로 이동하는 방법

자바스크립트에서 5초 후에 페이지로 이동하는 방법

王林원래의: 2021-10-27 16:05:3018237검색

5초 후에 페이지로 이동하는 Javascript 메소드: [var div = document.querySelector('div'); var time = 5; setInterval(timer, 1000) ...].

이 기사의 운영 환경: windows10 시스템, thinkpad t480 컴퓨터.

많은 프로젝트 개발에서 자동 페이지 이동 효과를 구현해야 하는 경우가 많습니다. 다음 코드는 5초 후에 자동 페이지 이동 효과를 구현합니다.

구체적인 코드는 다음과 같습니다.

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div></div>
    <script>
        var div = document.querySelector(&#39;div&#39;);
        var time = 5;
        timer();
        setInterval(timer, 1000)

        function timer() {
            if (time == 0) {
                location.href = &#39;http://www.baidu.com&#39;
            } else {
                div.innerHTML = &#39;将在&#39; + time + &#39;秒后跳转到百度&#39;;
                time--;
            }
        }
    </script>
</body>

</html>

추천 학습: javascript 비디오 튜토리얼

위 내용은 자바스크립트에서 5초 후에 페이지로 이동하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：자바스크립트에서 범위를 수정하는 방법다음 기사：자바스크립트에서 범위를 수정하는 방법