倒计时跳转界面

 1 <!DOCTYPE html>
 2 <html>
 3     <meta charset="utf-8" />
 4     <title>倒计时跳转界面</title>
 5 <head>
 6 </head>
 7 <body>
 8  <p>
 9      <span id="timer"></span> 秒后自动返回
10      <a href="http://www.cnblogs.com/beiz/">直接跳转</a>
11  </p>
12
13 <script language="javascript" type="text/javascript">
14 window.onload = function(){
15     var time = 3; //设置时间为几秒
16     var timer = document.getElementById(‘timer‘); //获取ID为timer的对象
17     timer.innerHTML = time; //初始化显示秒数
18     time = time - 1;
19     var g = window.setInterval(function(){
20         if(time<0){
21             window.clearTimeout(g); //清除动画
22             window.location.href = ‘http://www.cnblogs.com/beiz/‘; //跳转到指定地址
23             //window.history.back(-1); //后退
24         } else {
25             showTime();
26         }
27     },1000);
28     //显示函数
29     function showTime(){
30         timer.innerHTML = time;
31         time--;
32     }
33 };
34 </script>
35 </body>
36 </html>
时间: 2024-09-30 11:45:25

倒计时跳转界面的相关文章

js控制进度条到达100%跳转界面一

进度条一般在手机上用到的比较广泛,刚好最近的项目也是一直在做手机站,这个特效是手机端的一个界面,现在我把改成pc端了,进度条的快慢速度和样式可自行调节,改动也是很方便的,不多说,看代码: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js控制进度条到达100%跳转界面</title></head>

JavaScript学习笔记-简单的倒计时跳转页面

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>简单的倒计时跳转页面</title> </head> <body> <p><span id="time&qu

iOS 万能跳转界面方法(runtime实用篇一)

在开发项目中,会有这样变态的需求: 推送:根据服务端推送过来的数据规则,跳转到对应的控制器 feeds列表:不同类似的cell,可能跳转不同的控制器(嘘!产品经理是这样要求:我也不确定会跳转哪个界面哦,可能是这个又可能是那个,能给我做灵活吗?根据后台返回规则任意跳转?) 思考:wocao!这变态的需求,要拒绝他吗? switch判断呗,考虑所有跳转的因素?这不得写死我... switch () { case : break; default: break; } 我是这么个实现的(runtime是

Android九宫格界面实现点击每个格点击跳转界面

刚开始有个任务就是做一个九宫格界面,后来有个任务就是实现点击每个格并跳转界面实现每个格的功能.下面我就介绍一下我是如何实现该功能的 首先写一下我的想法是: 登录成功后显示一个九宫格界面,每个九宫格的每一个都是一个功能模块,当点击每个模块时,就会跳转到相应的界面并实现该模块所具备的功能. 下面是以"综合实践管理系统"这个格来实现的,当我们点击该按钮时,他就会跳转到"学生综合实践模块积分申请表"这个界面然后我们通过下拉菜单选择自己想要申请的项目.然后点击"下一

js写的5秒钟倒计时跳转

使用js实现几秒以后倒计时跳转,这个在某些特殊情况下还是比较实用的,下面为大家介绍下具体的实现步骤,感兴趣的朋友不要错过 代码如下: <html> <head> <title>出错啦~~~</title> <link href="css/login1.css" mce_href="css/login1.css" rel="stylesheet" type="text/css"

iOS 万能跳转界面方法

在开发项目中,会有这样变态的需求: 推送:根据服务端推送过来的数据规则,跳转到对应的控制器 feeds列表:不同类似的cell,可能跳转不同的控制器(嘘!产品经理是这样要求:我也不确定会跳转哪个界面哦,可能是这个又可能是那个,能给我做灵活吗?根据后台返回规则任意跳转?) 思考:wocao!这变态的需求,要拒绝他吗? switch判断呗,考虑所有跳转的因素?这不得写死我... 1 2 3 4 5 6 switch () { case : break; default: break; } 我是这么个

利用history实现无刷新跳转界面

看标题是不是感觉很拽的样子,其实没什么啦,也就是时下常说的单页面应用.这种web形式在如今的移动端十分流行,毕竟在移动端频繁得去刷新界面不是很友好,而且还费流量.今天我们要做一个小的app(移动端),来揭秘history的秘密.首先我们了解一下核心方法: window.history.pushState:方法:为histroy建立历史记录,该方法传入三个函数:1.对应url的信息2.下一个界面的title 3 .需要你动态改变的地址栏中德url window.history.state:属性:当

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

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

C# 实现登录并跳转界面

原文:C# 实现登录并跳转界面 Program.cs文件添加如下内容 注意:其他模块代码中不要直接关闭整个程序集的动作.如 Environment.Exit(1) 或  Environment.Exit(1) Application.EnableVisualStyles(); Application.SetCompatibleTextRenderingDefault(false); //Application.Run(new Login()); Login login = new Login()