js写的5秒钟倒计时跳转

时间:2022-07-20 10:43:14

使用js实现几秒以后倒计时跳转,这个在某些特殊情况下还是比较实用的,下面为大家介绍下具体的实现步骤,感兴趣的朋友不要错过

 代码如下:
<html> 
<head> 
<title>出错啦~~~</title> 
<link href="css/login1.css" mce_href="css/login1.css" rel="stylesheet" type="text/css" /> 
<script language="javascript" type="text/javascript"> 
var i = 5; 
var intervalid; 
intervalid = setInterval("fun()", 1000); 
function fun() { 
if (i == 0) { 
window.location.href = "../index.html"; 
clearInterval(intervalid); 
document.getElementById("mes").innerHTML = i; 
i--; 
</script> 
</head> 
<body> 
<div id="errorfrm"> 
<h3>出错啦~~~</h3> 
<div id="error"> 
<img src="data:images/error.gif" mce_src="data:images/error.gif" alt="" /> 
<p>系统出错,请联系管理员!</p> 
<p>将在 <span id="mes">5</span> 秒钟后返回首页!</p> 
</div> 
 
</div> 
</body> 
</html>