HTML页面定时跳转方法解析(2种任选)
有2种方法可以实现html的定时页面跳转,1、metarefresh实现。2、JavaScript实现。
1、通过metarefresh实现3秒后自动跳转到http://www.cnblogs.com/wuxibolgs329/
<!doctypehtml> <html> <head> <metacharset="utf-8"> <title>前端笔记</title> <metahttp-equiv="refresh"content="3;url=http://www.cnblogs.com/wuxibolgs329/"> </head> <body> </body> </html>
2、通过JavaScript实现8秒后自动跳转到http://www.cnblogs.com/wuxibolgs329/ 页面。
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>前端笔记</title>
<scripttype="text/javascript">
vartime=8;//时间,秒
functionRedirect(){
window.location="http://www.cssue.com/";
}
vari=0;
functiondis(){
document.all.s.innerHTML="还剩"+(time-i)+"秒";
i++;
}
timer=setInterval('dis()',1000);//显示时间
timer=setTimeout('Redirect()',time*1000);//跳转
</script>
</head>
<body>
<spanid="s"></span>
</body>
</html>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!