html页面自动跳的实现方法介绍-html tutorial-php.cn

html页面自动跳的实现方法介绍

黄舟

Lepaskan： 2017-10-25 10:17:33

asal

1454 orang telah melayarinya

1.1方法一
直接在标签内添加标签。代码如下：

<head>
    <meta http-equiv="refresh" content="3;URL=res.html">
    <!--3秒之后自动跳转到res.html页面-->
</head>

Salin selepas log masuk

1.2方法二
使用JS setTimeout函数定义经过指定毫秒值后执行某一表达式。代码如下：

<script> 
setTimeout(function (){ 
    location.href=" res.html "; 
},3000); //3秒之后自动执行函数，直接跳转到res.html页面
</script>

Salin selepas log masuk

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=&#39;123.html&#39;;
},1000);
</script>

Salin selepas log masuk

Atas ialah kandungan terperinci html页面自动跳的实现方法介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

html页面自动跳的实现方法介绍