您的位置：首页 > Web前端 > JQuery

定时页面定时跳转jquery实现和js实现

2016-06-26 20:08 471 查看
 jquery实现定时页面跳转

<script language="javascript" type="text/javascript">

$(document).ready(function(){

 var second=parseInt($("#totalSecond").val());

  setInterval(redirect, 3000); 

   

 function redirect() {

  

  if (second < 0) {

   alert("fff")

   <!--定义倒计时后跳转页面-->

   location.href = 'index.jsp';

  } else {

   

    $("#totalSecond").val(second-1);

   

   second=parseInt($("#totalSecond").val());

   

   alert(typeof (second));

   

  }

 }

 

 });

 

 </script>

js实现页面的定时肉跳转

<!DOCTYPE html >  
<html>         
<head>  
<title></title>   
<style type="text/css">  
#ShowDiv{ font-size:18px;}  
</style>        
<script language='javascript' type='text/javascript'>  
<!--    
var secs =6; //倒计时的秒数         
var URL ;         
function Load(url){         
URL =url;         
for(var i=secs;i>=0;i--)         
{         
window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000);         
}         
}         
function doUpdate(num)         
{         
document.getElementById('ShowDiv').innerHTML = '您尚未登录或登录信息已经过期,系统将在 <strong>'+num+'</strong> 秒后自动跳转到登录页面' ;         
if(num == 0) { window.location=URL; }         
}         
// -->  
</script>     
      
</head>         
<body>         
<div id="ShowDiv"></div>         
<script language="javascript">  
<!--    
         
Load("/index.html"); //要跳转到的页面         
// -->  
</script>     
      
</body>         
</html> 


内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航