溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

頁面定時(shí)跳轉(zhuǎn)

發(fā)布時(shí)間：2020-07-04 03:58:41 來源：網(wǎng)絡(luò) 閱讀：426 作者：奔跑吧爽爽 欄目：開發(fā)技術(shù)

需求：客戶端請求服務(wù)器，服務(wù)器重定向到一個(gè)新的頁面，頁面內(nèi)容是3秒后跳轉(zhuǎn)到另一個(gè)頁面
后端寫法：設(shè)置響應(yīng)頭

response.setHeader("refresh","3/url=/項(xiàng)目名/資源")

前端
設(shè)置http的頭
<meta http-equiv="refresh" content="3;url=/項(xiàng)目名/資源">

效果：

引入JQ的類庫 ：<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>

    <script type="text/javascript">
        $(function(){
            設(shè)置定時(shí)器，每個(gè)1秒執(zhí)行一次，讓數(shù)字3減少1
            window.setInterval("changeNum()", 1000);
        });
        // 修改數(shù)字3
        var x = 2;
        function changeNum(){
            x--;
            $("#spanId").html(x);
        }
    </script>

    <h4>頁面將在<span id="spanId">3</span>秒鐘后進(jìn)行跳轉(zhuǎn)</h4>
向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手