js写的5秒钟倒计时跳转
2016-08-05 16:22
513 查看
使用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="images/error.gif" mce_src="images/error.gif" alt="" />
<p>系统出错,请联系管理员!</p>
<p>将在 <span id="mes">5</span> 秒钟后返回首页!</p>
</div>
</div>
</body>
</html>
代码如下:
<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="images/error.gif" mce_src="images/error.gif" alt="" />
<p>系统出错,请联系管理员!</p>
<p>将在 <span id="mes">5</span> 秒钟后返回首页!</p>
</div>
</div>
</body>
</html>
相关文章推荐
- js实现精确到毫秒的倒计时效果
- Web 最常见安全知识总结
- 将字符串转json
- Swiper 3D flow使用方法
- js中文乱码怎么解决【转】
- JS 栈和堆的小思考
- EJS快速入门
- Javascript set 和 get 关键字
- 键盘事件
- JavaScript之充实文档的内容
- JavaScript 闭包
- JSP 万能DAO( 增删改查)
- js正则表达式学习笔记
- 【ArcGIS for JavaScript】加载地图,并标注点
- JavaScript prototype
- 基于HTML+CSS+JS实现增加删除修改tab导航特效代码
- JavaScript学习之Array(数组对象)方法介绍
- touch事件影响click事件探究
- 解决ie打开url返回json/map自动下载
- 关于JS原型链