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>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!
热门推荐
10 平安果祝福语简短霸气
11 立春祝福语简短微信
12 鸡年祝福语简短8字
13 结婚祝福语简短精彩短句
14 新春祝福语大全 英语简短
15 今天孩子高考祝福语简短
16 住院送饭的祝福语简短
17 男孩中考蛋糕祝福语简短
18 医师考试祝福语毕业简短