1. 程式人生 > >設定5秒自動跳轉

設定5秒自動跳轉

<body>
        <img id="aa" src="<s:url value="/dangdang/productImages/1.jpg"/>"/>
        還有<span id="ss"></span>跳轉
        <script type="text/javascript">
                //先宣告一個時間變數
                var count = 6;
                //宣告時間遞減的方法
                var time = function(){
                    count = count - 1;
                    if(count == 0){
                        window.location.href="<s:url value='main.jsp'/>";        
                    }else{
                        //將時間顯示到頁面上
                        $("#ss").text(count);
                        //設定一個定時器,每隔一秒自動遞迴呼叫自己一次
                        setTimeout(time, 1000);
                    }
                };
                time();
        </script>

</body>