1. 程式人生 > >js控制30秒自動頁面跳轉,帶讀秒

js控制30秒自動頁面跳轉,帶讀秒

<button type="button" value="返回首頁" id="prev"><span id="myspan">30</span>秒後返回首頁</button>




方式一:


//定義函式
function count()
     {    
 var myspan=document.getElementById('myspan');
 var number=myspan.innerHTML;
 number--;
 document.getElementById('myspan').innerHTML=number;
        if(number==0)
        {
            window.location.href="demo.php"; 
        }
    }


//設定定時器,呼叫函式
 setInterval("count()",1000);




方式二:


  function countDown(number,url){
 var myspan=document.getElementById('myspan');
 myspan.innerHTML=number;
 number--;
 if(number>0){
    setTimeout("countDown("+number+",'"+url+"')",1000);
 }else{
    window.location.href=url; 
 }
}


//函式呼叫
countDown(30,'demo.php');