预览加载中，请您耐心等待几秒...

HTML页面3秒后自动跳转常见的3种方法.docx

预览
1/7
2/7
3/7
4/7
5/7
6/7
7/7

在线预览结束，喜欢就下载吧，查找使用更方便

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

HTML页面3秒后自动跳转常见的3种方法HTML页面3秒后自动跳转常见的3种方法在项目中，我们经常会遇到这样一个功能：如何实现页面N秒后自动跳转。本文是百分网小编搜索整理的关于HTML页面3秒后自动跳转的三种常见方法，感兴趣的朋友一起学习吧！!想了解更多相关信息请持续关注我们应届毕业生考试网!方法1：最简单的一种：直接在前面<head>里面添加代码：复制代码代码如下:<spanstyle="font-size:18px;"></span><spanstyle="font-size:24px;"><metahttp-equiv="refresh"content="3;URL=res.html"></span><spanstyle="font-size:24px;">//3秒之后自动跳转到res.html，两个属于同一文件下面，要是需要跳转到jsp页面，就需要在url里面填写url地址————（浏览器的地址栏里面写入的数据，如：http://localhost:8080/TestDemo/1.jsp）</span>方法2：需要用到window里面的方法：setTimeout经过指定毫秒值后计算一个表达式。例子：复制代码代码如下:window.setTimeout("alert('Hello,world')",1000);这个是写在js代码里面的.；具体实现如下：复制代码代码如下:<scripttype="text/javascript">onload=function(){<spanstyle="white-space:pre"></span>//在进入网页的时候加载该方法setTimeout(go,3000);<spanstyle="white-space:pre"></span>/*在js中是ms的单位*/};functiongo(){location.href="http://localhost:8080/TestDemo/index.jsp";}</script>//3秒之后自动执行go方法，直接跳转到index.jsp页面方法3：上面两个例子的缺陷就是能够实现跳转，但是不知道是什么时候跳转.实现倒数3-2-1；settimeout方法已经做不了了；setInterval每经过指定毫秒值后计算一个表达式。没过相同的时间，就会执行相应的函数。具体的实现方法：复制代码代码如下:<scripttype="text/javascript">onload=function(){setInterval(go,1000);};varx=3;//利用了全局变量来执行functiongo(){x--;if(x>0){document.getElementById("sp").innerHTML=x;//每次设置的x的值都不一样了。}else{location.href='res.html';}}</script>