Rumah >hujung hadapan web >html tutorial >html页面自动跳的实现方法介绍
html页面自动跳的实现方法介绍
- 黄舟asal
- 2017-10-25 10:17:331488semak imbas
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>Atas ialah kandungan terperinci html页面自动跳的实现方法介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：认识HTML <B>加粗标签Artikel seterusnya：html中关于marquee标签的详细介绍