Javaweb頁面動態定時重新整理__html5

來源:互聯網
上載者:User

方式1:在servlet中設定refresh頭資訊。

//1)設定字元集使得瀏覽器可以顯示漢字。       response.setHeader("Content-Type","text/html; charset=UTF-8");response.getWriter().write("頁面將在5秒後跳轉……");    //2)回應標頭,refresh,進行重新整理。response.setHeader("refresh", "5;url=/day1/html/success.html");

方式2:在HTML的頭部標籤內的<meta>標籤中設定頭資訊。並且結合簡單的js程式,完成操作。
基本步驟:
1) 設定<meta>標籤中頭資訊:

<metahttp-equiv="refresh" content="5; url=/day1/html/success.html">

2) 編寫使用者提示內容。並設定相應ID。

<h3>頁面將在<span id="spanId">5</span>秒後跳轉...</h3>

3) 編寫對應的基於事件的js代碼。利用js定時器,定時跳轉,並且遞迴。

var x=5;function jump(){    var span=document.getElementById("spanId");    span.innerHTML=x;    x--;    window.setTimeout("jump()",1000);}

最後需要在body標籤上,加上jump(),就是當HTML頁面載入完之後就執行該操作。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.