继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【学习】制作一个跳转提示页面

核桃麻麻爱画画
关注TA
已关注
手记 1
粉丝 0
获赞 8

制作一个跳转提示页面:

要求:

  1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页。

  2. 如果点击“返回”按钮则返回前一个页面。
<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>   
 </head>
 <body>
  <H4>操作成功</H4>
  <p>
     <b id="second">5</b>秒后回到主页&nbsp;<a href="javascript:goBack();">返回</a>  
  </p>

<script type="text/javascript">  

    var sec = document.getElementById("second");
    var i = 5;
    var timer = setInterval(function(){
        i--;
        sec.innerHTML = i;
        if(i==1){
            window.location.href =  "http://www.imooc.com/";
        }
    },1000);

  function goBack(){ 
    window.history.go(-1);
  }  
  </script> 
 </body>
</html>
打开App,阅读手记
3人推荐
发表评论
随时随地看视频慕课网APP