js几秒以后倒计时跳转

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

时间: 2024-10-31 14:47:04

js几秒以后倒计时跳转的相关文章

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

复制代码 代码如下: <html> <head> <title>出错啦~~~</title> <link href="css/login1.css" mce_href="css/login1.css" rel="stylesheet" type="text/css" /> <script language="javascript" type=

js实现浏览器倒计时跳转页面效果_javascript技巧

本文实例为大家分享了js浏览器倒计时跳转页面效果,供大家参考,具体内容如下 效果图: <!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gb123"/> </head> <body> <H4>

Javascript倒计时跳转页面实例

  在js中实现页面定时跳转我们要使用setInterval或setTimeOut函数,当然还可以使用页面的metea实现了,下面我介绍两个实例. 例1 倒计时刷新页面 代码如下 <script type="text/javascript" language="JavaScript"> var startTime = new Date(); var endTime=startTime.getTime()+10*60*1000; var g_blinksw

js 3秒后跳转页面的实现代码

 这篇文章主要介绍了js 3秒后跳转页面的实现代码,需要的朋友可以参考下 隔多少秒后自动跳转到其它页(js脚本)    方法一:   在<head></head>之间加入js    代码如下: <script language="javascript"> var secs = 3; //倒计时的秒数  var URL ; function Load(url){ URL = url; for(var i=secs;i>=0;i--)  {   

JavaScript实现时间倒计时跳转(推荐)_javascript技巧

1. setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式. setTimeout() 只执行 code 一次.如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout(). <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.

js制作支付倒计时页面_javascript技巧

本文实例为大家分享了js支付倒计时页面制作代码,供大家参考,具体内容如下 (图一) (图二) (图三) (图四) 实现目标 一.页面在图一时开始进行倒计时(可以点击取消订单按钮,支付页面消失). 二.倒计时完毕,出现删除订单. 三.单击删除订单,弹出弹框,询问是否要真正删除订单. 四.单击确定,即可删除订单. 如上图所示效果展示,这里给出所有的源代码(如需运行,只需要修改EJS文件中引入的CSS路径和JS路径即可). 这个页面其实是自己业余时间,写的东西. 但是里面涉及到,倒计时,弹框,以及字体

javascript实现倒计时跳转页面_javascript技巧

很多网页都有类似的效果,那就是经过指定的时间能够跳转到其他页面,如果再人性化一点话,会带有倒计时效果,本章节就介绍一下如何实现此效果,代码实例如下: <script type="text/javascript"> var t=10; setInterval("refer()",1000); function refer(){ if(t==0){ location.href="http://www.jb51.net"; } docume

Android 实现闪屏页和右上角的倒计时跳转实例代码_Android

以前编程的时候,遇到倒计时的功能时,经常自己去写,但其实Android已经帮封装好了一个倒计时类CountDownTimer,其实是将后台线程的创建和Handler队列封装成为了一个方便的类调用. 闪屏页用到了handler和CountDownTimer类,还需配置一下Activity的主题,这里是:android:theme="@android:style/Theme.NoTitleBar.Fullscreen" 全屏主题的意思. 给大家展示下效果图: 代码如下所示: package

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

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