html頁面自動跳躍的實作方法介紹
- 黄舟原創
- 2017-10-25 10:17:331461瀏覽
1.1方法一
直接在93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1標籤內加上e8e496c15ba93d81f6ea4fe5f55a2244標籤。程式碼如下：
<head>
<meta http-equiv="refresh" content="3;URL=res.html">
<!--3秒之后自动跳转到res.html页面-->
</head>1.2方法二
以JS setTimeout函數定義經過指定毫秒值後執行某一表達式。程式碼如下：
<script>
setTimeout(function (){
location.href=" res.html ";
},3000); //3秒之后自动执行函数，直接跳转到res.html页面
</script>1.3方法三
上面兩個範例的缺陷是能夠實現跳轉，但不知道何時該跳轉。實作倒數3-2-1，JS settimeout函數無法做到，需使用JS setInterval函數定義每經過指定毫秒值後執行某一個表達式。程式碼如下：
<script>
var x=3;//利用了全局变量来执行
setInterval(function (){
x--;
x>0? document.getElementById("info").innerHTML=x : location.href='123.html';
},1000);
</script>以上是html頁面自動跳躍的實作方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：認識HTML 加粗標籤下一篇：認識HTML 加粗標籤