js几秒以后倒计时跳转示例

 更新时间:2013年12月26日 17:07:23   作者:   我要评论
使用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>

相关文章

  • 微信小程序工具函数封装

    微信小程序工具函数封装

    这篇文章主要为大家详细介绍了微信小程序工具函数封装,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • js TextArea的选中区域处理

    js TextArea的选中区域处理

    js中对于TextArea的选中区域后进行处理的代码,需要的朋友可以参考下。
    2010-12-12
  • JavaScript函数Call、Apply原理实例解析

    JavaScript函数Call、Apply原理实例解析

    这篇文章主要介绍了JavaScript函数Call、Apply原理实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • js字符串与Unicode编码互相转换

    js字符串与Unicode编码互相转换

    本文主要介绍了js字符串与Unicode编码互相转换的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • javascript中Date()函数在各浏览器中的显示效果

    javascript中Date()函数在各浏览器中的显示效果

    本文给大家分享的是javascript中Date()函数在各浏览器中的显示效果,由于各大浏览器的兼容性问题,本文做了这个测试,希望有需要的小伙伴可以少走些弯路
    2015-06-06
  • JavaScript 详解预编译原理

    JavaScript 详解预编译原理

    这篇文章主要介绍了JavaScript 详解预编译原理的相关资料,需要的朋友可以参考下
    2017-01-01
  • 微信小程序自定义模态对话框实例详解

    微信小程序自定义模态对话框实例详解

    这篇文章主要为大家详细介绍了微信小程序自定义模态对话框实例的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • 分享XmlHttpRequest调用Webservice的一点心得

    分享XmlHttpRequest调用Webservice的一点心得

    因为项目需要,以后前端、手机客户端调用ASP.NET的Webservice来获取信息.所以这段时间开始看Webservice,试着通过XmlHttpRequest调用Webservice,过程中碰到不少问题,也有不少的收获
    2012-07-07
  • JavaScript跳出循环的三种方法(break, return, continue)

    JavaScript跳出循环的三种方法(break, return, continue)

    这篇文章主要介绍了JavaScript跳出循环的三种方法(break, return, continue),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-07-07
  • JS中的算法与数据结构之队列(Queue)实例详解

    JS中的算法与数据结构之队列(Queue)实例详解

    这篇文章主要介绍了JS中的算法与数据结构之队列(Queue),结合实例形式详细分析了javascript中队列的概念、原理、定义及常见操作技巧,需要的朋友可以参考下
    2019-08-08

最新评论