JS 타이머 로 페이지 내용 변경

코드 참조:http://blog.sina.com.cn/s/blog_8df07b6f0100uea3.html
코드 는 다음 과 같 습 니 다:
<html>
    <head>
        <meta http-equiv="refresh" content="3;url=./ustcoj">
        <script language="JavaScript" type="text/javascript">
            var str = 'This page will be redirected to <a href="./ustcoj">USTC Online Judge</a> in __time__ seconds.';
            var cur = 2;
            function showText() 
            {
                document.getElementById('text').innerHTML = str.replace("__time__", cur);
                cur--;
            }
        </script>        
    </head>
    <body onload="setInterval('showText()',1000)">
        <h1><a href="./ustcoj">USTC Online Judge</a></h1>
        <h1><a href="./ustcoj/baoming">    “      ”ACM       </a></h1>

        <p id="text">This page will be redirected to <a href="./ustcoj">USTC Online Judge</a> in 3 seconds.</p>
    </body>
</html>

그 속
4.567913.페이지 의 자동 점프 를 실현 합 니 다.코드 의 숫자 3 은 3 초 후에 뛰 는 것 을 나타 낸다.
그 속
4
<meta http-equiv="refresh" content="3;url=./ustcoj">
간격 타 이 머 를 연결 합 니 다.이 타 이 머 는 1000 밀리초 마다 showText 함 수 를 실행 합 니 다.
코드
<body onload="setInterval('showText()',1000)">

함수 쇼 Text()를 정의 합 니 다.이 함수 의 기능 은 id 를 text 로 바 꾸 는 노드 의 innerHTML 값 입 니 다.
JS 에서 printf 와 같은 포맷 출력 문 구 를 찾 지 못 했 고+문자열 을 사용 하고 싶 지 않 아 replace 방법 을 사 용 했 습 니 다.이 방법 은 매우 강력 합 니 다.그 매개 변 수 는 정규 표현 식 일 수 있 습 니 다.여 기 는 큰 인재 가 썩 었 다.

좋은 웹페이지 즐겨찾기