JS倒计时、跳转模块以及JSP中比较日期跳转模块

原创 2012年03月28日 10:46:43

1,前言

       这个是根据网上一些资料重新编写整理而来的,主要是作为自己使用的一个小积累,原本的目的是使网页在规定的时间段内自动跳转,在时间段外的请求不做处理;分别写了JS和JSP的代码,放在这里以备查用;


2,代码

       2.1 倒计时模块

              这个每隔1秒自动刷新,可以稍作修改以作他用:               

<!--倒计时-->  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="JavaScript">  
function Dclock()  
{   
var symbol="3月31日";
var deadline= new Date("03/31/2013 11:25:00"); //标准时间格式
var now = new Date();
var diff = -480 - now.getTimezoneOffset(); //是北京时间和当地时间的时间差  
var leave = (deadline.getTime() - now.getTime()) + diff*60000; //getTime()可以取得1970之后的毫秒数,1970年前为负数
var day = Math.floor(leave / (1000 * 60 * 60 * 24));  //天数
var hour = Math.floor(leave / (1000*3600)) - (day * 24);  
var minute = Math.floor(leave / (1000*60)) - (day * 24 *60) - (hour * 60);  
var second = Math.floor(leave / (1000)) - (day * 24 *60*60) - (hour * 60 * 60) - (minute*60);  

if (now.getTime()<deadline.getTime())
{
	LiveClock.innerHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒"  ;
	test.innerHTML= "getTime:"+now.getTime()+"Deadline:"+deadline.getTime();
	setTimeout("Dclock()",1000); //调用自身每隔1秒 
}  
else if (now.getTime()>deadline.getTime())
{
	LiveClock.innerHTML = "END";
	setTimeout("Dclock()",1000);
}
}  
</script>  
<!--倒计时-->  
<body onload=Dclock()>  
<div id= LiveClock></div>  
<div id=test></div>
</body>
         2.2 JS跳转

<!--Javascript begin-->  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="JavaScript">  
function Dclock()  
{   
var deadline= new Date("05/31/2012 20:30:00"); //记时起点
var deadline_2= new Date("05/31/2012 21:30:00"); //记时结束    
var symbol="5月31日";
var now = new Date();

if (now.getTime()<deadline.getTime())
{
	
}  
else if (deadline.getTime()<now.getTime()&&now.getTime()<deadline_2.getTime())//C语言写惯了a<b<c了把
{
	//alert(now.getTime());
	window.location.href="http://localhost/XXX/page.html";
	setTimeout("Dclock()",1000);
}
else if (now.getTime()>deadline_2.getTime())
{

}
}  
</script>  
<Javascript end-->  
         2.3 JSP代码

              由于JS取得是客户端时间,虽然可以通过交互来取得服务器时间,但是显得有些多余,这里贴一下JSP的代码

<%@ page contentType="text/html; charset=UTF-8" import="java.util.*;" %>
<%//获取当前时间
java.util.Date now=new java.util.Date();
java.util.Date dline=new java.util.Date("03/01/2012 20:30:00");
java.util.Date dline2=new java.util.Date("03/03/2012 21:30:00");

if (now.getTime()<dline.getTime())
{
	
}  
else if (dline.getTime()<now.getTime()&&now.getTime()<dline2.getTime())//C语言写惯了a<b<c了把
{
	response.setStatus(HttpServletResponse.SC_MOVED_PERMANENTLY);
	String newLocn="http://XXX/page/earthhour/";
	response.setHeader("Location",newLocn);
	}
else if (now.getTime()>dline2.getTime())
{
	
}
%>


秒杀倒计时的js脚本

秒杀主要的一个问题就是剩余时间的计算,简单起见,先考虑获取客户端的当前时间(实际当前时间不能使用客户端的时间,客户端时间每个用户都可以自己设置,要以服务器端的时间为准)   计算剩余时间:...
  • qq_27289001
  • qq_27289001
  • 2016年09月26日 17:02
  • 839

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

下面对实现页面定时跳转(也称倒计时跳转)做一下总结,各种定时跳转代码记录如下:  (1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内)  复制代码代码如下: ...
  • vip_linux
  • vip_linux
  • 2013年10月25日 11:23
  • 699

js倒计时--截止某日期的倒计时和截止每晚12点的倒计时

//距离某日的倒计时 var endTime=new Date('2017-3-19'); // 距离今晚24:0:0的倒计时 /*var endYear=new ...
  • sinat_36146776
  • sinat_36146776
  • 2017年03月18日 12:31
  • 750

js实现页面定时跳转

刚使用了一个用js实现定时跳转的功能,这里做一下学习记录。 其实很简单的一件事情,使用js提供的setTimeout()函数则可以完成了。 下面是简单的代码实现: 提交成功 ...
  • FlywindMouse
  • FlywindMouse
  • 2013年12月06日 10:21
  • 18910

jsp实现页面倒计时跳转到指定页面

pageEncoding="UTF-8"%> String path = request.getContextPath(); String basePath = request.getSc...
  • u012716944
  • u012716944
  • 2014年11月20日 19:58
  • 1452

js实现,同一页面多个倒计时

来源:http://tuzwu.javaeye.com/blog/819081    js交流群:56484577Timer - by Vilic JavaScriptQQ交流群56484577...
  • ws297636199
  • ws297636199
  • 2011年02月11日 15:26
  • 6878

js倒计时代码 适合于促销-倒计时代码

00天 00时 00分 00秒 原价:3800元/次 00天 00时 00分 00秒 仅限网络预约 $(function(){...
  • ribmusic
  • ribmusic
  • 2016年03月02日 17:42
  • 884

秒杀倒计时JS代码

现在时间是:   下面的代码一定要在上面代码的后面出现   function time()  {  var now,h,m,s;  now=new Date();...
  • qq_27289001
  • qq_27289001
  • 2016年09月26日 17:07
  • 956

js自动读秒、自动跳转、倒计时...

 今天在开发中突然想做一个自动跳转,类似于csdn登陆之后读秒跳转一样,结果想了一下,需要使用递归和setTimeOut函数实现。js:var timer = 5;var locationUrl="/...
  • gjk1984
  • gjk1984
  • 2010年10月08日 22:25
  • 4333

jsp网页倒计时跳转页面

var i=3; function getTime(){ document.getElementById('num').innerHTML=""+i+""; i-=1; var x=set...
  • qq_20745827
  • qq_20745827
  • 2015年12月23日 22:47
  • 442
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS倒计时、跳转模块以及JSP中比较日期跳转模块
举报原因:
原因补充:

(最多只允许输入30个字)