HTML 定時頁面跳轉

来源:http://www.cnblogs.com/wuxibolgs329/archive/2016/12/21/6209445.html
-Advertisement-
Play Games

有 2 種方法可以實現 html 的定時頁面跳轉,1、meta refresh 實現。2、JavaScript 實現。 1、通過 meta refresh 實現 3 秒後自動跳轉到 http://www.cnblogs.com/wuxibolgs329/ 頁面。 2、通過 JavaScript 實現 ...


有 2 種方法可以實現 html 的定時頁面跳轉,1、meta refresh 實現。2、JavaScript 實現。

1、通過 meta refresh 實現 3 秒後自動跳轉到 http://www.cnblogs.com/wuxibolgs329/ 頁面。

<!doctype html>
    <html>
      <head>
      <meta charset="utf-8">
      <title>前端筆記</title>
      <meta http-equiv="refresh" content="3;url=http://www.cnblogs.com/wuxibolgs329/">
    </head>
  <body>
  </body>
</html>

2、通過 JavaScript 實現 8 秒後自動跳轉到 http://www.cnblogs.com/wuxibolgs329/  頁面。

<!doctype html>
  <html>
    <head>
      <meta charset="utf-8">
      <title>前端筆記</title>
      <script type="text/javascript">
        var time = 8; //時間,秒
        function Redirect() {
            window.location = "http://www.cssue.com/";
        }
        var i = 0;
        function dis() {
            document.all.s.innerHTML = "還剩" + (time - i) + "";
            i++;
        }
        timer = setInterval('dis()', 1000); //顯示時間
        timer = setTimeout('Redirect()', time * 1000); //跳轉
      </script>
  </head>
  <body>
    <span id="s"></span>
  </body>
</html>

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • RabbitMq應用一 RabbitMQ的具體概念,百度百科一下,我這裡說一下我的理解,如果有少或者不對的地方,歡迎糾正和補充。 一個項目架構,小的時候,一般都是傳統的單一網站系統,或者項目,三層架構,到現在的MVC架構。隨著用戶訪問量越來越多,系統業務越來越多,會出現以下問題: 1.修改完大量代碼 ...
  • --From : JAVA程式性能優化 (葛一鳴,清華大學出版社,2012/10第一版) 1. java性能調優概述 1.1 性能概述 程式性能: 執行速度,記憶體分配,啟動時間, 負載承受能力。 性能指標: 執行時間,CPU時間,記憶體分配,磁碟吞吐量,網路吞吐量,響應時間。 優化策略: 木桶原理,優 ...
  • React的井字過三關(1) 本文系React官方教程的Tutorial: Intro To React的筆記。由筆者用ES5語法改寫。 在本篇筆記中,嘗試用React構建一個 可交互的 井字棋游戲。 開始 先佈局: status反映游戲信息。九宮格採用flex佈局。右側有一處游戲信息。 再把css ...
  • 部分內容取自:http://www.jianshu.com/p/dd97cbb3c22d,我自己也在使用,持續更新中 Atom安裝插件在視窗中File Setting install 在裡面進行搜索就行。 minimap: 為Atom加上一個代碼預覽地圖,就想sublime中右側的縮略圖一樣,效果如 ...
  • 一、前言 巨坑,基礎沒學好,導致找了一個下午的問題,終於被我發現了。說多都是淚,記錄下來,以後有人遇到這個錯誤可以參考下 做項目期間做了幾個頁面,需要用到彈出層,為了方便使用到了Layer的插件,然後寫點擊事件在form表單中(第一個坑),接著,又使用button按鈕(悲劇的開始),同樣放在form ...
  • 1,什麼是事件委托:通俗的講,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是讓別人來做,這個事件本來是加在某些元素上的,然而你卻加到別人身上來做,完成這個事件。 也就是:利用冒泡的原理,把事件加到父級上,觸發執行效果。 好處呢:1,提高性能。 我們可以 ...
  • 關於jquery中用函數來設置css樣式 2016-12-21 23:27:55 1.jquery語法 $(selector).css(name,function(index,value)) name:必需。規定 CSS 屬性的名稱 function(index,value): 規定返回CSS屬性新 ...
  • 上一篇隨筆提到了MvcPager,最近用到了一款前端JQ插件 DataTable(簡稱DT),很好用。 DT是一款前端插件,和後端完全分離開,就這點來看,我就特別喜歡。 一.使用DT,需要以下支持 js:jq+jquery.dataTables.min.js 二、頁面上進行引入js,直接使用DT功能 ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...