<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="/js/jquery-1.8.2.js"></script>
<script type="text/javascript">
var to=new Date(2020,3,25,22,19,00)
var timer=setInterval(function () {
var now =new Date();
var countTime=to-now;
var s=Math.floor(countTime/1000);
$.post(
"getNum",
{},
function(data){
$("#tab").html();//清空原来的数据
var str =
' <tr>' +
' <th>商品id</th>' +
' <th>商品名称</th>' +
' <th>预售时间</th>' +
' <th>商品库存</th>' +
' <th>倒计时</th>' +
' <th>操作</th>' +
' </tr>' ;
$.each(data,function(index,good){
str += '<tr>' +
'<td>' + good.id + '</td>' +
'<td>' + good.name + '</td>' +
'<td>' + good.date + '</td>' +
'<td>' + good.num + '</td>' ;
if(s > 0){
str +='<td>' + s + '秒 </td>' +
'<td><input type="button" value="秒杀" disabled></td> </tr>';
}else{
str +='<td>秒杀开始! </td>' +
'<td><input type="button" value="秒杀" onclick="buy('+ good.id +')"></td> </tr>';
}
})
$("#tab").html(str);
},
"json"
);
},1000);
function buy(id){
location="buy?id="+id;
}
</script>
<title>Insert title here</title>
</head>
<body>
<table id="tab">
<tr>
<td>商品id</td>
<td>商品名称</td>
<td>抢购时间</td>
<td>库存数量</td>
<td>倒计时</td>
<td>操作</td>
</tr>
<c:forEach items="${list }" var="g">
<tr>
<td>${g.id }</td>
<td>${g.name }</td>
<td>${g.date }</td>
<td>${g.num }</td>
<td></td>
<td></td>
</tr>
</c:forEach>
</table>
</body>
</html>
浙公网安备 33010602011771号