js写的5秒钟倒计时跳转

使用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" />

<p>系统出错,请联系管理员!</p>

<p>将在 <span id="mes">5</span> 秒钟后返回首页!</p>

</div>

</div>

</body>

</html>

时间: 2024-12-16 10:22:11

js写的5秒钟倒计时跳转的相关文章

html,CSS,JS写一个2021年倒计时

倒计时效果如图: 布局主要用了5个div,主要的js代码如下: <script type="text/javascript"> var s1="2021-1-1,0:0:0"; window.onload=function(){ date(); function zero(i){ return i<10?"0"+i:i+""; } function date(){ var d=document.getElem

JS写的在线考试倒计时,Cookie防止刷新

$(function() { var _minute = parseInt("${exampaper.paperTime }"); var _expiresHours = _minute * 60 * 1000;    if(!hasSetCookie()){ addCookie("${examinee.examineeId}", _expiresHours, _expiresHours); }  settime($("#remainTime")

JS倒计时跳转页面

这里给大家提供一个好用的JS写的倒计时页面,就像一些网站上点提交后出现的倒计时页面类似. 页面代码简单,直接拷贝就能运行,页面可以自己美化下. 1 <!--这里定义倒计时开始数值--> 2 3 <span id="totalSecond">5</span> 4 5 <!--定义js变量及方法--> 6 7 <script language="javascript" type="text/javascri

用js在网页上完成倒计时3秒后自动跳转到另一个页面

<body> <div id="time"></div> <a href="#" onclick="stop()">停止</a> <script type="text/javascript"> var i=3; function changeTime(){ document.getElementById("time").innerHTM

[javascript]各种页面定时跳转(倒计时跳转)代码总结

(1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内) 1 <script type="text/javascript"> 2 //3秒钟之后跳转到指定的页面 3 setTimeout(window.location.href='http://www.baidu.com',3); 4 </script> (2)html代码实现,在页面的head区域块内加上如下代码 1 <!--5秒钟后跳转到指定的页面--> 2 <met

记录各种页面定时跳转方法(倒计时跳转总结)

下面对实现页面定时跳转(也称倒计时跳转)做一下总结,各种定时跳转代码记录如下: (1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内) 代码如下: <script type="text/javascript"> //3秒钟之后跳转到指定的页面 setTimeout(window.location.href='http://www.balijieji.com',3); </script> (2)html代码实现,在页面的head区域块内加上

各种页面定时跳转(倒计时跳转)代码总结

一.使用setTimeout函数实现定时跳转(如下代码要写在body区域内) <script type="text/javascript"> //3秒钟之后跳转到指定的页面 setTimeout(window.location.href='http://www.baidu.com',3); </script> 或者: <script language="JavaScript" type="text/javascript&quo

php 提交保存成功页面 倒计时 跳转

前几天做了一个简单的成功提示页面! 有需要的可以拿去用,写的不好 欢迎指正!~~ 因为工程是在CI下面做的,url 自己用的话需要改正下函数!site_url()  这个函数式CI框架的 <html> <head> <meta charset="utf-8" /> <title>操作成功!</title> <style type="text/css"> .success_msg{ border:

js写一个通讯录

模拟通讯录列表功能 我们手机上面的通讯录列表里面都有根据右侧的字母跳滚动到该字母的第一个名单地方. 于是我把这个功能拆分成两个功能区思考: 第一个是如何把这些名字的的汉字首字母提取出来,并且把相同字母的汉字归类,最后显示成列表. 第二是右侧字母导航,它需要一直固定在右侧,并且我按一个字母,屏幕最中间会弹出一个字母方框,代表我选中了这个字母. 我首先去实现第一个问题,如何提取名字中第一个汉字的首字母? 我去尝试过许多种方法,其中尝试过使用localeCompare(),我也成功的排序了,但是我发现