JQ 倒计时插件

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'djs.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
		//倒计时-------------------------------------
		
var _IntervalObj,_time,_html,_status;

function remainTime() {
	if(_time > 0) {
		var nowtime = new Date();_nMS = (_time - nowtime.getTime());
			if(_nMS > 0 && (_status == 1 || _status == 8)) {
				var t = new Array();
					t['day'] = Math.floor(_nMS/(1000*60*60)/24);t['hour'] = Math.floor(_nMS/(1000*60*60))%24;
					t['minite'] = Math.floor(_nMS/(1000*60))%60;t['second'] = Math.floor(_nMS/1000)%60;
					t['ms'] = Math.floor(_nMS/100)%10;
					_html = t['day'] + '天' + t['hour'] + '时' + t['minite'] + '分' + t['second'] + '.' + t['ms'] + '秒';
			}else {
				_html = "00天00时00分00秒";window.clearInterval(_IntervalObj);
			}
	}
	$('#TimeConsuming').html(_html);
} 

	function getDate1(strDate) {
		var st = strDate;
		var a = st.split(" ");
		var b = a[0].split("-");
		var c = a[1].split(":");
		var date = new Date(b[0], b[1] - 1, b[2], c[0], c[1], c[2]);
		return date;
	}

$(function(){
	var date="2013-12-29 12:00:00";
	var cudata=Math.floor(getDate1(date).getTime());
	
	$("#TimeConsuming").attr("time",cudata);
	_time = parseInt($("#TimeConsuming").attr("time"));
	_status = parseInt(_status);
	_IntervalObj = window.setInterval("remainTime()", 100); 
	
	
});
	</script>
</head>

<body>1388585491
   	  1388656910
   	  <i></i>
	<em><font color="#FF0000" time="1388585491" id="TimeConsuming"></font>
	<script>var _status="1";</script>
	</em>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值