js控制30秒自動頁面跳轉,帶讀秒
阿新 • • 發佈:2019-02-07
<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');
方式一:
//定義函式
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');