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())
{
	
}
%>


相关文章推荐

Jsp和js倒计时跳转页面

Jsp和js倒计时跳转页面

js倒计时跳转

  • 2014年12月25日 16:29
  • 8KB
  • 下载

jsp倒计时跳转

这里写了 页面的倒计时跳转,例子为10秒跳转 广东省中小企业公共服务平台 .jumpface{width:600px;margin:0 auto; background:url(fac...

JS实现倒计时三秒跳转后到新页面

为了是网站的页面更友好,更加人性化,我们往往会在操作错误或是成功的时候进行提示然后跳转到相应的页面。同时为了使页面更加美化,我们往往会加上倒计时跳转功能,也就是使网页上的秒杀呈现倒数显示。下面就是具体...

实现倒计时跳转

  • 2017年03月17日 12:23
  • 584B
  • 下载

Android实现倒计时跳转Activity

现在的APP大部分打开时的欢迎界面都有广告,倒计时结束进入主界面,今天就自己试试实现了一下,主要用到有: Intent:意图,实现页面跳转 CountDownTimer:倒计时器,不言而喻 Ha...
  • Alexnul
  • Alexnul
  • 2016年05月30日 21:02
  • 2960

Android 多线程 和异步的实践:跳转,同步显示时间,倒计时的实现,知识点

Android 多线程 和异步的实践 模拟引导页,数秒后转向新的页面 从主mainactiyity 到newpager 写了两种启动模式 先写 布局 ...

页面跳转3种方法结合倒计时总结

一: you will go to JD.com in 5 seconds var second = 6; function djs() { if(second

倒计时跳转 总结

三种方法实现定时跳转...
  • phpfer
  • phpfer
  • 2015年10月26日 21:13
  • 182

倒计时跳转和获取实时时间

写在前面:本文内容如题,自己做的一个demo,倒计时和获取实时时间在许多场景都用的到,所以还算蛮实用的,需要的朋友可以做个参考。 效果图: 页面效果 代码解析: h...
  • OBKoro1
  • OBKoro1
  • 2017年04月06日 14:44
  • 364
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS倒计时、跳转模块以及JSP中比较日期跳转模块
举报原因:
原因补充:

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