JSP实现几秒后自动跳转某页面并页面上显示时间在走动

时间:2022-11-28 17:28:10

 

开始前解释两个概念:

1、

setTimeout (表达式,延时时间)
setTimeout(表达式,交互时间)
延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
setTimeout 在执行时,它从载入后,每隔指定的时间就执行一次表达式

详细出处参考:http://www.jb51.net/article/20741.htm

 

2、

time.innerHTML 就是id为time的标签中所有包含的代码内容

比如<div id='time'><a href='#'>time</a></div>那么 time.innerHTML 就是 <a href='#'>time</a>

 
第一种方法:
 
 
<html>
<script language="javascript">
var times=6;
clock();
function clock()
{
window.setTimeout('clock()',1000);
times=times-1;
time.innerHTML =times;
}
</script>
<head>
<meta http-equiv= "Refresh" content= "5;url=index.jsp ">
</head>
<body>
 <div  id= "time"> 5 </div>
</body>
</html>
 
第二种方法:
 
 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<html>
 <script language="javascript">
 
 var times=5;

function TimeClose()
{
    window.setTimeout('TimeClose()', 1000);
  
    time.innerHTML ="倒计时"+times+"秒后关闭当前窗口";
 times--;
 
}
   
</script>
 <head>
  <meta http-equiv="Refresh" content="5;url=Image.jsp ">
  
 </head>
 <body onLoad="TimeClose();">
 
 <div id="time">倒计时10秒后关闭当前窗口</div>
  
 </body>

</html>