编程练习
制作一个跳转提示页面:
要求:
1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页。
2. 如果点击“返回”按钮则返回前一个页面。
效果:
注意: 在窗口中运行该程序时,该窗口一定要有历史浏览记录,否则"返回"无效果。
我的解答
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> a, span{ font-size: 24px; } </style> </head> <body> <h1>操作成功</h1> <span><strong id="sec">66</strong>秒后返回主页 </span><a href="location.html">返回</a> <script> var x = 5; function ChangeText() { document.getElementById("sec").innerHTML=x; x=x-1; var clear = setTimeout(ChangeText,1000); if(x<0){ clearTimeout(clear); } } ChangeText(); setTimeout(function () { window.history.back(); },6000) </script> </body> </html>