html5秒自动跳转代码（html设置网页5秒后自动跳转）

今天给各位分享html5秒自动跳转代码的知识，其中也会对html设置网页5秒后自动跳转进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、网页自动跳转代码html
• 2、html网页跳转javascript代码实现
• 3、如何用html代码 实现页面跳转
• 4、html 百度一下 跳转的代码是多少

网页自动跳转代码html

meta http-equiv="Refresh" content="3;URL=1111111.html" /

不会JavaScript的话就用html语言也可以实现

content属性设置时间 url是目标页面。

放在haed中。

可以多个页面连续跳转~

页面首页代码：

meta http-equiv="Refresh" content="3;URL=1111111.html" /

1111111.html页面的代码：

meta http-equiv="Refresh" content="3;URL=2222222.html" /

2222222.htnl页面的代码：

meta http-equiv="Refresh" content="3;URL=3333333.html" /

上面的代码先从首页开始3秒后进入1111111.html页面，再过3秒后进入2222222.html页面，再过3秒后进入3333333.html页面。

======================================================

因楼主没听懂 我直接发完整代码吧~

第一个文件 文件名为index.html 代码如下：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title无标题文档/title

meta http-equiv="Refresh" content="5;URL=1.html" /

/head

body

h1

此页的文件名为index.htmlbr /

这是第一个没面。。。。br /

5秒后进入第二个页面。。。br /

两个页面将循环转向。

/h1

/body

/html

第二个文件 文件名为1.html 代码如下：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title无标题文档/title

meta http-equiv="Refresh" content="5;URL=index.html" /

/head

body

h3

此页的文件名为1.htmlbr /

这是第二个没面。。。。br /

5秒后进入第一个页面。。

/h3

/body

/html

=================完

这里关键标签就是meta http-equiv="Refresh" content="5;URL=1.html" /

和meta http-equiv="Refresh" content="5;URL=index.html" /

其他你可以不看~ 这个绝对可以，我已经试了。

html网页跳转javascript代码实现

代码如下：

html

 head

  title page A /title

  script type="text/javascript"

function delyLoad(){

setTimeout(function(){

 window.location.href='b.html';

},5000)

}

  /script

 /head

 body onload="delyLoad()"

h1A/h1

 /body

/html

首先做一个计时器，记时5秒。5秒后将location的链接转为b.html。如果b.html与a不在同一个页面下，最好写绝对路径

如何用html代码 实现页面跳转

下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hello.html（根据自己需要自行修改）文件。

1、html的实现

head

!-- 以下方式只是刷新不跳转到其他页面 --

meta http-equiv="refresh" content="10"

!-- 以下方式定时转到其他页面 --

meta http-equiv="refresh" content="5;url=hello.html" 

/head

优点：简单；

缺点：Struts Tiles中无法使用。

2、javascript的实现

script language="javascript" type="text/javascript" 

// 以下方式直接跳转

window.location.href='hello.html';

// 以下方式定时跳转

setTimeout("javascript:location.href='hello.html'", 5000); 

/script

优点：灵活，可以结合更多的其他功能；

缺点：受到不同浏览器的影响。

3、结合了倒数的javascript实现（IE）

span id="totalSecond"5/span

script language="javascript" type="text/javascript" 

var second = totalSecond.innerText; 

setInterval("redirect()", 1000); 

function redirect(){ 

totalSecond.innerText=--second; 

if(second0) location.href='hello.html'; 

} 

/script

优点：更人性化；

缺点：firefox不支持（firefox不支持span、div等的innerText属性）。

4、解决Firefox不支持innerText的问题

span id="totalSecond"5/span

script language="javascript" type="text/javascript" 

if(navigator.appName.indexOf("Explorer")  -1){ 

document.getElementById('totalSecond').innerText = "my text innerText"; 

} else{ 

document.getElementById('totalSecond').textContent = "my text textContent"; 

} 

/script

5、整合3)和3')

span id="totalSecond"5/span

script language="javascript" type="text/javascript" 

var second = document.getElementById('totalSecond').textContent; 

if (navigator.appName.indexOf("Explorer")  -1)  { 

    second = document.getElementById('totalSecond').innerText; 

} else { 

    second = document.getElementById('totalSecond').textContent; 

} 

setInterval("redirect()", 1000); 

function redirect() { 

if (second  0) { 

    location.href = 'hello.html'; 

} else { 

    if (navigator.appName.indexOf("Explorer")  -1) { 

        document.getElementById('totalSecond').innerText = second--; 

    } else { 

        document.getElementById('totalSecond').textContent = second--; 

    } 

} 

} 

/script

html 百度一下 跳转的代码是多少

这个就是了，测试了好多种的，这个是5秒之后跳转的代码，时间可以自己改

!DOCTYPE html

html

head

meta charset="UTF-8"

title5秒后跳转到另一个页面/title

/head

script

var t = 5;

var s = '.';

timeID=setInterval("countDown()",1000);

function countDown(){

time.innerHTML= t +"秒后跳转"+s;

t--;

s+='.';

if (t==0) {

location.href=""; //【这边是要跳转的目标地址】

clearInterval(timeID);

}

}

/script

body

divfont ID="time" face="impact" color="#272822" size="7"即将跳转/font

/div

/body

/html

把目标网址改为自己的就可以实现跳转了

html5秒自动跳转代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html设置网页5秒后自动跳转、html5秒自动跳转代码的信息别忘了在本站进行查找喔。