【實現自動跳轉頁面】

 很簡單,也模板一下。

<!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>

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