html5秒自动跳转代码(html设置网页5秒后自动跳转)
admin 发布:2022-12-19 18:01 3722
今天给各位分享html5秒自动跳转代码的知识,其中也会对html设置网页5秒后自动跳转进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
网页自动跳转代码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秒自动跳转代码的信息别忘了在本站进行查找喔。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
- 上一篇:祝福源代码(祝福源代码C语音)
- 下一篇:幸运头像抽奖代码(幸运抽奖图标)
相关推荐
- 12-01网页函数代码(网页怎么调用函数)
- 12-01cskey代码(cs游戏代码怎么写)
- 12-01网页播放视频源代码(网页播放视频源代码怎么弄)
- 12-01网页验证码代码(网页设计验证码代码)
- 12-01禁止挪动网页代码(禁止网页弹出怎么设置)
- 12-01为代码(伪代码怎么写)
- 12-01html代码运行源码(html程序代码)
- 12-01代码crc校验(crc校验源码)
- 12-01c小游戏源代码网盘(简单小游戏c代码)
- 12-01代码和源代码的区别(源代码跟代码的区别)
取消回复欢迎 你 发表评论:
- 排行榜
- 推荐资讯
-
- 06-03常见刮刮乐代码含义(刮刮乐上的代码)
- 08-03派出所代码表(派出所代码表大全两位数)
- 02-07微信整人代码(微信整人代码复制)
- 03-14酒店客房房态代码(酒店房间类型代码)
- 04-25手机拨号各种代码(电话拨号代码)
- 02-21病毒源代码下载(彩虹猫病毒源代码下载)
- 05-05怎么用代码下载视频(如何用代码下载文件)
- 04-10色情网站源代码(25个经典网站源代码)
- 05-19酒店代码在那里(酒店代码是什么)
- 07-05派出所的组织代码(派出所机构代码在哪查)
- 热门美图