HTML网页页面3秒后全自动自动跳转的3种普遍方式

在训练中,大家经常遇到1种难题便是,如何完成网页页面N秒以后全自动自动跳转呢?

我自身遇到难题和搜索材料,总结了3个方式

方式1:

最简易的1种:立即在前面<head>里边加上编码:


拷贝编码
编码以下:

<span style="font-size:18px;"> </span><span style="font-size:24px;"><meta http-equiv="refresh" content="3;URL=res.html"> </span>
<span style="font-size:24px;">//3秒以后全自动自动跳转到res.html,两个属于同1文档下面,如果必须自动跳转到jsp网页页面,就必须在url里边填写url详细地址————(访问器的详细地址栏里边写入的数据信息,如:http://localhost:8080/TestDemo/1.jsp)</span>

方式2:

必须用到window里边的方式:

setTimeout 历经特定毫秒值后测算1个表述式。

事例:


拷贝编码
编码以下:

window.setTimeout("alert('Hello, world')", 1000);

这个是写在js编码里边的;

实际完成以下:


拷贝编码
编码以下:

<script type="text/javascript">
onload=function(){ <span style="white-space:pre"> </span>//在进到网页页面的情况下载入该方式
setTimeout(go, 3000); <span style="white-space:pre"> </span> /*在js中是ms的企业*/
};
function go(){
location.href="http://localhost:8080/TestDemo/index.jsp";
}
</script>
//3秒以后全自动实行go方式,立即自动跳转到index.jsp网页页面

方式3:

上面两个事例的缺点便是可以完成自动跳转,可是不知道道是何时自动跳转.完成倒数3⑵⑴;

settimeout方式早已做不上了;

setInterval 每历经特定毫秒值后测算1个表述式。

没过同样的時间,就会实行相应的涵数。实际的完成方式:


拷贝编码
编码以下:

<script type="text/javascript">
onload=function(){
setInterval(go, 1000);
};
var x=3; //运用了全局性自变量来实行
function go(){
x--;
if(x>0){
document.getElementById("sp").innerHTML=x; //每次设定的x的值都不1样了。
}else{
location.href='res.html';
}
}
</script>

以上內容是本文给大伙儿共享的有关HTML网页页面3秒后全自动自动跳转的3种普遍方式 ,期待大伙儿喜爱。