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>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!