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

 

前台页面:

 

<%@ 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">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->

<script type="text/javascript" src="../js/jquery/jquery-1.5.1.min.js"></script>

  </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>

 

<div id="showTimes"></div>

 <script>
window.setInterval("getTimeNum()", 1000);
</script>

  </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 %>

 

 

 

 

 

 

时间: 2024-11-02 16:25:07

jquery+ajax实现倒计时动态显示效果。的相关文章

纯jsp中实现倒计时动态显示效果。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <div id="showTimes"></div> <%   long current_time=System.currentTimeMillis();         long  end_time=1337875200000l;         

JQuery Ajax动态生成Table表格_AJAX相关

前言: 本示例大概功能是前台通过JQuery的Ajax调用一般处理程序(Handler),获取表格需要显示的信息,然后转换成json格式返回给前台,前台获取到数据后循环构建表格的行,最好把行附加到表里. 目标: a 熟悉简单JQuery Ajax的使用 b 了解如何构造基本的Json格式的数据(构建Json也可以通过第三方的dll) c 熟悉下handler的基本用法 1 简单效果图 2 前台代码 <%@ Page Language="C#" AutoEventWireup=&q

jquery ajax获取动态数据并限制字数显示省略号

问题描述 jquery ajax获取动态数据并限制字数显示省略号 用ajax动态获取一些数据,并控制数字,多得不显示显示... 请问该怎样做?谢谢! 麻烦请写具体一点,谢谢! 解决方案 Jquery 限制文本框输入字数 解决方案二: 利用css 设置显示框的text-overflow属性为ellipsis,数据还是取全.

jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签_jquery

废话不多说了,直接给大家贴代码了,具体内容如下所示: // js <script type="text/javascript"> function myBtn_f() { var cnt = $('#myCnt').val(); syncAjax('myAjax.html', { 'cnt' : cnt }, function(result) { if (100 == result.statusCode) { var data = result.lst; var $d =

jQuery+ajax实现动态执行脚本的方法_jquery

本文实例讲述了jQuery+ajax实现动态执行脚本的方法.分享给大家供大家参考.具体分析如下: 有时候,在页面初次加载时就取得所需的全部JavaScript也是没有必要的.具体需要取得哪个脚本,要视用户的操作而定.虽然可以在需要时动态地引人<script>标签,但注人所需代码的更优雅的方式则是通过jQueiy直接加载.js文件. 向页面中注人脚本与加载HTML片段一样简单.但在这种情况下,需要使用全局函数 $.getScript(),这个全局函数与它的同辈函数类似,接受一个URL参数以查找脚

JQuery Ajax动态生成Table表格

前言: 本示例大概功能是前台通过JQuery的Ajax调用一般处理程序(Handler),获取表格需要显示的信息,然后转换成json格式返回给前台,前台获取到数据后循环构建表格的行,最好把行附加到表里. 目标: a 熟悉简单JQuery Ajax的使用 b 了解如何构造基本的Json格式的数据(构建Json也可以通过第三方的dll) c 熟悉下handler的基本用法 1 简单效果图 2 前台代码 <%@ Page Language="C#" AutoEventWireup=&q

jQuery Ajax 实例 全解析

jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) :

PHP jQuery Ajax提交与验证form表单详解

PHP jQuery Ajax Form 表单提交与验证实例解析,包括创建一个表单 html 页面.添加 JQuery 代码.jquery ajax 表单提交.jquery ajax 表单验证.反馈信息给用户.php ajax 表单验证,php ajax 提交表单,php ajax form 验证,php ajax 提交 form .   本实例用到 JQuery 类库本身的函数和功能,所有表单信息利用 PHPMailer 类库邮件的形式发送.   1.创建一个表单 html 页面   表单部分

jQuery ajax:一些细节以及主函数扩展出来的方法

上一篇文章,讲解了jQuery.ajax函数.这篇文章将其他一些细节补充完.下一篇文章则开始讲解,jQuery 是如何将script动态载入.XMLHttpRequest.JSONP一起包装进jQuery.ajax里的. jQuery.ajaxSetup 我们可以从主函数看出,参数是通过jQuery.ajaxSetup产生的: // 通过jQuery.ajaxSetup改造参数对象 s = jQuery.ajaxSetup( {}, options ), 那么 jQuery.ajaxSetup在