【实现自动跳转页面】

 很简单,也模板一下。

<!DOCTYPE html>
<html>
 <head>
  <title>自动跳转页面</title>  
 </head> 
 <body>
  <!--先编写好网页布局-->
  <h1>操作成功</h1>
  <div><span id= "miao" >5</span>秒后回到主页    
  <a href="#" onclick="Clickback()">返回</a></div> 
  
  <script type="text/javascript">  
    var miaoValue = document.getElementById("miao").innerHTML;
    function Clickback() {
      window.history.back();
    }
    function clock() {
      miaoValue --;
      document.getElementById("miao").innerHTML = miaoValue;
      if(miaoValue === 0 ) {
        window.location.assign("http://www.baidu.com");
      }
    }
      setInterval(clock,1000)
 </script> 
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章