JavaScript 一个设定的时间间隔之后来执行代码，称之为计时事件。
主要通过两个方法来实现：
1.setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
2.setTimeout() - 暂停指定的毫秒数后执行指定的代码
并且，这两个方法都是window对象的方法。
首先，介绍setInterval()方法，该方法值得是间隔一定的毫秒数不停的执行指定的代码。
语法：window.setInterval(”js代码，函数等“，毫秒数)
实例1：每三秒弹出一个hello
setInterval(function(){alert("Hello")},3000)
实例2：显示当前时间，通过按钮实现时间的停止，开始
<script type="text/javascript">
var myVar
function startTimer(){
/*setInterval() 间隔指定的毫秒数不停地执行指定的代码*/
myVar=setInterval(function(){myTimer()},1000)
}
function myTimer()/* 定义一个得到本地时间的函数*/
{
var d=new Date()
var t=d.toLocaleTimeString()
document.getElementById("demo").innerHTML=t
}
function stopTimer()
{/* clearInterval() 方法用于停止 setInterval() 方法执行的函数代码*/
clearInterval(myVar)
}
</script>
setTimeout() 方法
在html或jsp中
<body>
<h4 id="demo"></h4>
<input type="button" onclick="startTimer()" value="开始">
<input type="button" onclick="stopTimer()" value="停止">
</body>
对于setTimeout()方法，指的是指定的毫秒数后执行指定的代码或方法。
语法：window.setTimeout("javascript 函数",毫秒数)
实例1：3秒钟后弹出”hello“提示框
setTimeout(function(){alert("Hello")},3000)
实例2：三秒钟后跳转到前一个页面
<script type="text/javascript">
setTimeout(function(){
window.history.back()
},3000)
</script>
如何执行停止呢？
clearTimeout() 方法用于停止执行setTimeout()方法的函数代码。这里注意myVar必须是一个全局变量。实例如下：
var myVar
function myFunction()
{
myVar=setTimeout(function(){alert("Hello")},3000)
}
function myStopFunction()
{
clearTimeout(myVar)
}
以上就把js计时器的基本功能简要介绍了，具体的使用场景，想要深刻理解，只有到项目用到时方可有新的理会。
首先任何效果希望你自己动手去完成，我可以给你思路，但是必须自己动手去实现。
jquery能帮助你点击一个按钮弹出提示框，但是这个框是windows自带的alert框或者confime框等，你要那种关闭按钮的，推荐jqueryui实现。
jquery绑定click事件我和你详细说下。第一，$("#aaa").click(function(){}),第二，$("#aaa").bind("click",function(){}),第三，$("#aaa").live("click",function(){})其中第三种是动态元素事件绑定。
后面我和你讲讲用户不操作5秒后自动跳转，这个js有setTimeout这个方法，你可以试着看api或者百度去实现。
最后你要的那种效果最好使用jqueryui更为满足需求和美观
Jsp 页面跳转的几种方法1. RequestDispatcher.forward()
在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servlet或者是JSP到另外的一个Servlet、JSP 或普通HTML文件,也即你的form提交至a.jsp,在a.jsp用到了forward()重定向至b.jsp,此时form提交的所有信息在 b.jsp都可以获得,参数自动传递. 但forward()无法重定向至有frame的jsp文件,可以重定向至有frame的html文件,同时forward()无法在后面带参数传递,比 如servlet?name=frank,这样不行,可以程序内通过response.setAttribute("name",name)来传至下一个 页面。
重定向后浏览器地址栏URL不变。
例：在servlet中进行重定向
public void doPost(HttpServletRequest request,HttpServletResponse response)
throws ServletException,IOException{
response.setContentType("text/htmlcharset=gb2312")
ServletContext sc = getServletContext()
RequestDispatcher rd = null
rd = sc.getRequestDispatcher("/index.jsp")//定向的页面
rd.forward(request, response)
}
或
request.getRequestDispatcher(" /index.jsp ").forward(request, response)//转发到index .jsp getServletConfig().getServletContext().getRequestDispatcher("
/index.jsp ").forward(request, response)
//转发到 index .jsp
通常在servlet中使用，不在jsp中使用。
2. response.sendRedirect()
在用户的浏览器端工作,sendRedirect()可以带参数传递,比如servlet?name=frank传至下个页面,同时它可以重定向至不同的主机上,sendRedirect()可以重定向有frame.的jsp文件.
重定向后在浏览器地址栏上会出现重定向页面的URL。
例：在servlet中重定向
public void doPost(HttpServletRequest request,HttpServletResponse response)
throws ServletException,IOException{
response.setContentType("text/htmlcharset=gb2312")
response.sendRedirect("/index.jsp")
}
由于response是jsp页面的隐含对象，故在jsp页面中可用response.sendRedirect()直接实现重定位。
注意：
(1) 使用response.sendRedirect时，前面不能有HTML输出；
这并不是绝对的，不能有HTML输出其实是指不能有HTML被送到了浏览器。事实上现在的server都有cache机制，一般在8K（我是说 JSP SERVER），这就意味着，除非你关闭了cache，或者你使用了out.flush()强制刷新，那么在使用sendRedirect之前， 有少量的HTML输出也是允许的。
(2) response.sendRedirect之后，应该紧跟一句return。
我们已经知道response.sendRedirect是通过浏览器来做转向的，所以只有在页面处理完成后，才会有实际的动作。既然你已经要做转向了，那么后的输出还有什么意义呢？而且有可能会因为后面的输出导致转向失败。
比较：
(1) Dispatcher.forward()是容器中控制权的转向，在客户端浏览器地址栏中不会显示出转向后的地址；
(2) response.sendRedirect()则是完全的跳转，浏览器将会得到跳转的地址，并重新发送请求链接。这样，从浏览器的地址栏中可以看到跳转后的链接地址。
前者更加高效，在前者可以满足需要时，尽量使用RequestDispatcher.forward()方法。
在有些情况下，比如，需要跳转到一个其它服务器上的资源，则必须使HttpServletResponse.sendRequest()方法
。
3. ＜jsp:forward page="" /＞
它的底层部分是由RequestDispatcher来实现的，因此它带有RequestDispatcher.forward()方法的印记。
如果在之前有很多输出,前面的输出已使缓冲区满,将自动输出到客户端,那么该语句将不起作用,这一点应该特别注意。
注意：
它不能改变浏览器地址，刷新的话会导致重复提交
4. 修改HTTP header的Location属性来重定向
通过设置直接修改地址栏来实现页面的重定向。
jsp文件代码如下：
＜%
response.setStatus(HttpServletResponse.SC_MOVED_PERMANENTLY)
String newLocn = "/newpath/jsa.jsp"
response.setHeader("Location",newLocn)
%＞
5. JSP中实现在某页面停留若干秒后,自动重定向到另一页面
在html文件中，下面的代码：
＜meta http-equiv="refresh" content="300url=target.jsp"＞
它的含义：在5分钟之后正在浏览的页面将会自动变为target.html这一页。代码中300为刷新的延迟时间，以秒为单位。targer.html为你想转向的目标页,若为本页则为自动刷新本页。
由上可知，可以通过setHeader来实现某页面停留若干秒后,自动重定向到另一页面。代码：
String content=stayTime+"URL="+URL
response.setHeader("REFRESH",content)
Js 页面跳转（父页面，外层页面，本页面）
"window.location.href"、"location.href"是本页面跳转
"parent.location.href"是上一层页面跳转
"top.location.href"是最外层的页面跳转
举例说明：
如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写
"window.location.href"、"location.href"：D页面跳转
"parent.location.href"：C页面跳转
"top.location.href"：A页面跳转
如果D页面中有form的话,
: form提交后D页面跳转
: form提交后弹出新页面
: form提交后C页面跳转
: form提交后A页面跳转
关于页面刷新，D 页面中这样写：
"parent.location.reload()": C页面刷新 （当然，也可以使用子窗口的 opener 对象来获得父窗口的对象：window.opener.document.location.reload()）
"top.location.reload()": A页面刷新
Js 控制页面跳转的几种方法
第一种：
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href
</script>
第二种：
<script language="javascript">
alert("返回")
window.history.back(-1)
</script>
第三种：
<script language="javascript">
window.navigate("top.jsp")
</script>
第四种：
<script language="JavaScript">
self.location='top.htm'
</script>
第五种：
<script language="javascript">
alert("非法访问！")
top.location='xx.jsp'
</script>
第六种：
<script type="text/javascript">
// 页面若在框架内，则跳出框架
if (self != top) {
top.location = self.location
}
</script>
第七种：
自定义时间跳转（方法一）：
<script language="javascript">
var secs = 3//倒计时的秒数
var URL
function Load(url){
URL = url
for(var i=secsi>=0i--)
{
window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000)
}
}
function doUpdate(num)
{
document.getElementById('ShowDiv').innerHTML = '将在'+num+'秒后自动跳转到主页'
if(num == 0) { window.location = URL}
}
</script>
然后在里面加上 index.asp为自己要跳转的页面。
在之间加上
自定义时间跳转（方法二）：
<p style="text-indent: 2emmargin-top: 30px">
系统将在 <span id="time">5</span>秒钟后自动跳转至新网址，如果未能跳转，<a href="http://www.jb51.net" title="点击访问">请点击</a>。
<script type="text/javascript">
delayURL()
function delayURL() {
var delay = document.getElementById("time").innerHTML
var t = setTimeout("delayURL()", 1000)
if (delay >0) {
delay--
document.getElementById("time").innerHTML = delay
} else {
clearTimeout(t)
window.location.href = "http://www.jb51.net"
}
}
</script>
