jquery+ajax实现倒计时动态显示效果。

最新推荐文章于 2020-11-18 10:32:13 发布

5iasp

最新推荐文章于 2020-11-18 10:32:13 发布

阅读量7.9k

点赞数

分类专栏： JSP技术 java基础文章标签： jquery ajax stylesheet string function import

本文链接：https://blog.csdn.net/5iasp/article/details/7537851

版权

JSP技术同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

java基础

9 篇文章 0 订阅

订阅专栏

前台页面：

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>My JSP 'time_view2.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">

</head>

<script>
//倒计时显示方法
function getTimeNum(){
  $.ajax({
  url: "/event/2012flower/test.jsp?t==="+new Date(),
  type: "GET",
     dataType: "text",
     success: function(data){
     //alert("time="+data);
     $("#showTimes").html(""+data);
     }
});
}

</script>

<body>

</body>
</html>

后台服务页面:

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

        //当前时间毫秒数
  Long current_time1=System.currentTimeMillis();

  //结束时间毫秒数
  Long end_time2=1337875200000l;

  //计算时间差
  Long time2=end_time2-current_time1;

        //转换为秒数
        int second=(int)(time2/1000); //剩余总秒数

     //将秒数专为天数

      int s = second % 60; // 秒
      int mi = (second - s) / 60 % 60; // 分钟
      int h = ((second - s) / 60 - mi ) / 60 % 24; // 小时
      int d = (((second - s) / 60 - mi ) / 60 - h ) / 24; // 天

      String ret= "剩余：" + d + "天" + h + "小时" + mi + "分钟" + s + "秒";
      //System.out.println(ret);

   %>

   <%=ret %>

5iasp

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery+ajax实现倒计时动态显示效果。

前台页面： String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> My JSP '
复制链接

扫一扫