`

秒杀倒计时,jsp+js 获取服务器的时间

阅读更多

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


Calendar cal = Calendar.getInstance();
int hour = cal.get(cal.HOUR_OF_DAY);
int minute = cal.get(cal.MINUTE);
int month = cal.get(cal.MONTH);
int date = cal.get(cal.DATE);
int year = cal.get(cal.YEAR);
int second = cal.get(cal.SECOND);

%>

//获取服务器端时间

<script type="text/javascript">
var NowHour = "";//Today.getHours();
var NowMinute = "";//Today.getMinutes();
var NowMonth = "";//Today.getMonth();
var NowDate = "";//Today.getDate();
var NowYear = "";//Today.getYear();
var NowSecond = "";//Today.getSeconds();

//获取服务端时间
function getTime(){
NowHour = "<%=hour%>";//Today.getHours();
NowMinute = "<%=minute%>";//Today.getMinutes();
NowMonth = "<%=month%>";//Today.getMonth();
//NowMonth = (parseInt(NowMonth)+1);
NowDate = "<%=date%>";//Today.getDate();
NowYear = "<%=year%>";//Today.getYear();
NowSecond = "<%=second%>";//Today.getSeconds();
}

var yzm ;//验证码
getTime();
startclock();
var timerID = null;
var timerRunning = false;

var year = "";
var month= "";
var day= "";
var hour= "";
var minute= "";
var seconds= "";



function showtime() {
var time=$("#hiddenTime").val();//获取数据库中结束时间或开始时间,然后开始计算离开始或结束还差多少时间

splitTime(time);//以上用于截取时间,分成年,月,日,时,分,秒

//=========================================
//以下用于用于计算时间差
//Today = new Date();

//if (NowYear < 2000)
// NowYear = 1900 + NowYear;
//Today = null;
Hourleft = hour - NowHour;
Minuteleft = minute - NowMinute;
Secondleft = seconds - NowSecond;
Yearleft = year - NowYear;
Monthleft = month - NowMonth - 1;
Dateleft = day - NowDate;
NowSecond = (parseInt(NowSecond)+1);
//Secondleft = (parseInt(Secondleft)-1);
//秒钟
if (NowSecond > 60) {
NowSecond =  NowSecond - 60;
NowMinute = (parseInt(NowMinute)+1);
}
if (Secondleft < 0) {
Secondleft = 60 + Secondleft;
Minuteleft = (parseInt(Minuteleft)-1);
}
//分钟
if (NowMinute >60) {
NowMinute =  NowMinute - 60;
NowHour = (parseInt(NowHour)+1);
}
if (Minuteleft < 0) {
Minuteleft = 60 + Minuteleft;
Hourleft = (parseInt(Hourleft)-1);
}
//小时
if (NowHour >24) {
NowHour =  NowHour - 24;
NowDate = (parseInt(NowDate)+1);
}
if (Hourleft < 0) {
Hourleft = 24 + Hourleft;
Dateleft = (parseInt(Dateleft)-1);
}
//天
if (NowDate > 31) {
NowDate = NowDate - 31;
NowMonth = (parseInt(NowMonth)+1);
}
if (Dateleft < 0) {
Dateleft = 31 + Dateleft;
Monthleft = (parseInt(Monthleft)-1);
}
//月
if (NowMonth >12 ) {
NowMonth =  NowMonth - 12;
NowYear = (parseInt(NowYear)+1);
}
if (Monthleft < 0) {
Monthleft = 12 + Monthleft;
Yearleft = (parseInt(Yearleft)-1);
}

Hourleft = Dateleft * 24 + Hourleft ;
if(Hourleft<10){
Hourleft = "0"+Hourleft;
}
if(Minuteleft<10){
Minuteleft = "0"+Minuteleft;
}
if(Secondleft<10){
Secondleft = "0"+Secondleft;
}
//Temp = Hourleft + ':'  + Minuteleft + ':' + Secondleft ;
var status = "${msActivity.status}";
if(status == 1||status == 2){
    if(Hourleft<100){
     Hourleft = '0'+Hourleft;
   
                     $("#timeup").html(Hourleft);
                    
                     }    
$("#timeup").html(Hourleft);
$("#timeup1").html(Minuteleft);
$("#timeup2").html(Secondleft);
if(Hourleft==0&&Minuteleft==0&&Secondleft==0){
  window.location.reload();
}

}else{
$("#timeup").html("000");
$("#timeup1").html("00");
$("#timeup2").html("00");
}

setTimeout("showtime()", 1000);
//timerRunning = true;
}

//var timerID = null;
//var timerRunning = false;
//function stopclock() {
// if (timerRunning)
// clearTimeout(timerID);
// timerRunning = false;
//}
function startclock() {
//stopclock();
showtime(); //调用计算时间差方法,并显示
}
//以上用于计算时间差
//=============================================
function splitTime(time){
year=time.substr(0,4);
var index1=time.indexOf("-");
var index2=time.lastIndexOf("-");
var cha=parseInt(index2)-(parseInt(index1)+1);
month=time.substr((parseInt(index1)+1),cha);
var kg=time.indexOf(" ");
cha=parseInt(kg)-parseInt(index2);
day=time.substr(parseInt(index2)+1,cha);
var mh=time.indexOf(":");
cha=parseInt(mh)-(parseInt(kg)+1);
hour=time.substr(parseInt(kg)+1,cha);
var mh2=time.lastIndexOf(":");
cha=parseInt(mh2)-(parseInt(mh)+1);
minute=time.substr(parseInt(mh)+1,cha);
var mh2=time.lastIndexOf(":");
seconds=time.substr(parseInt(mh2)+1,2);

分享到:
评论

相关推荐

    Javascript实现商品秒杀倒计时(时间与服务器时间同步)

    由于秒杀涉及的时间和服务器时间的同步对于确保活动的公平性和准确性至关重要,因此,如何使用JavaScript实现与服务器时间同步的商品秒杀倒计时成为了本篇讨论的核心内容。 首先,需要明确在实现秒杀倒计时时应避免...

    js获取服务端时间并倒计时

    在JavaScript(JS)编程中,实现获取服务器时间并进行倒计时是一项常见的需求,尤其在构建Web应用时。以下是对这个主题的详细说明: 首先,理解服务器时间和客户端时间的概念至关重要。服务器时间是服务器上计算机...

    商品秒杀倒计时功能+ViewPager实现画廊效果

    在Android应用开发中,"商品秒杀倒计时功能+ViewPager实现画廊效果"是常见的电商应用中的两个重要特性。这两个功能的结合可以为用户提供更丰富的互动体验,增强购物的吸引力。 首先,我们来深入理解商品秒杀倒计时...

    jsp服务器时间倒计时完整实例源代码

    通过JSP,获取服务器时间,然后将其传递给JavaScript脚本,JavaScript脚本再将服务器时间与倒计时目标时间进行比较,计算剩余时间,并更新倒计时显示。 知识点3:JavaScript倒计时实现 在本资源中,使用了...

    元旦倒计时工具-kaic

    元旦倒计时代码+可设置时间+自动计时 元旦倒计时代码+可设置时间+自动计时 元旦倒计时代码+可设置时间+自动计时 元旦倒计时代码+可设置时间+自动计时 元旦倒计时代码+可设置时间+自动计时 元旦倒计时代码+可设置时间...

    元旦倒计时代码+HTML+JavaScript

    【标题】:“元旦倒计时代码+HTML+JavaScript”是一个基于HTML、CSS和JavaScript实现的网页应用,用于显示距离下一个元旦的倒计时。这个应用能够帮助用户追踪时间,为庆祝活动做准备。 【HTML】:HTML(HyperText ...

    倒计时html+css+javascript

    通过html+css+javascript写的一个倒计时页面,通过输入分钟和秒数能够倒计时,通过if来判断输入的值得正确性

    js倒计时 天+时+分+秒

    在本文中,我们将深入探讨如何使用JavaScript实现一个功能完整的倒计时功能,包括从服务器获取结束时间以及实时更新显示。 首先,HTML部分(代码1-11行)创建了一个简单的页面结构,包含一个CSS类`fontmark`用于...

    元旦倒计时代码+(HTML+css+JavaScript + canvas)写的一个 2023 年跨年倒计时代码

    前端语言(HTML+css+JavaScript + canvas)写的一个 2023 年跨年倒计时代码 倒计时日期格式:月-日-时-分-秒 也可以自定义日期格式 自定义添加祝福语等 代码时按照元旦作为计算日期 也可以按照农历新年作为日期格式

    skilltime_秒杀倒计时_京东秒杀_

    总结,仿京东秒杀倒计时的实现涉及到前端开发的多个方面,包括界面设计、JavaScript编程、时间处理、DOM操作、服务器通信以及性能优化等。通过这个项目,开发者不仅可以掌握倒计时功能的实现,还能提升整体的Web开发...

    HTML+CSS+JS 春节倒计时跳转烟花特效

    【HTML+CSS+JS 春节倒计时跳转烟花特效】是一个综合性的网页开发项目,结合了HTML、CSS和JavaScript技术,旨在为用户呈现一个富有节日氛围的互动体验。这个项目有两个主要部分:春节倒计时和烟花特效。 首先,HTML...

    倒计时进度条+翻页效果

    倒计时进度条+翻页效果

    PPT倒计时插件+如何在PPT2007内加载宏

    在PPT演示文稿中,有时我们需要添加倒计时功能,以便在演讲、培训或比赛中把握时间。"PPT倒计时插件+如何在PPT2007内加载宏"是一个专为此目的设计的工具,由作者沈兵于2009年12月17日发布。这个加载宏能够方便用户在...

    小程序源码 电商-拼团 倒计时 (代码+截图)

    小程序源码 电商-拼团 倒计时 (代码+截图)小程序源码 电商-拼团 倒计时 (代码+截图)小程序源码 电商-拼团 倒计时 (代码+截图)小程序源码 电商-拼团 倒计时 (代码+截图)小程序源码 电商-拼团 倒计时 (代码+截图)小...

    小程序源码 辩论倒计时 (代码+截图)

    小程序源码 辩论倒计时 (代码+截图)小程序源码 辩论倒计时 (代码+截图)小程序源码 辩论倒计时 (代码+截图)小程序源码 辩论倒计时 (代码+截图)小程序源码 辩论倒计时 (代码+截图)小程序源码 辩论倒计时 (代码+截图)小...

    倒计时器+定时关机+温馨提示

    1. **倒计时器**:倒计时器是一种能够预设一个特定时间,然后从这个时间点开始往下计算的工具。在日常生活中,倒计时器常用于烹饪、学习、会议、等待某事件发生等场景。在这个程序中,用户可以设定一个时间,到达...

    jquery+jsp 倒计时页面

    在这个倒计时页面中,jQuery将承担主要的前端逻辑,负责获取服务器时间、计算剩余时间并动态更新页面显示。 首先,我们需要在`&lt;head&gt;`标签内引入jQuery库。通常,我们可以从CDN(内容分发网络)获取,这样可以提高...

    前端开发+JavaScript+倒计时+封装+可执行的HTML模板+实现网页倒计时展示

    无论是招聘网站、商品秒杀还是新年倒计时等,展示网页倒计时的需求都很常见,本示例代码可以帮助开发人员快速实现和调整倒计时效果,从而提高用户体验和网站吸引力。 该代码的使用场景比较灵活,可以在电商、招聘、...

    vue实现秒杀倒计时组件.docx

    实现秒杀倒计时组件的第一步是从服务器获取时间,可以通过Ajax请求或WebSocket连接来完成。获取时间后,便可以在客户端进行倒计时计算。这样做不仅保证了时间的准确性,还防止了用户修改本地时间对倒计时产生的影响...

    日期计算、倒计时、天数计算

    倒计时(Countdown)通常用于显示某个特定日期或时间到达之前的剩余时间,比如新年倒计时或活动开始倒计时。在JavaScript中,我们可以使用`setInterval`函数实时更新倒计时: ```javascript let endDate = new Date...

Global site tag (gtag.js) - Google Analytics