磊宇堂我的笔记 2017-07-14

jsp实现电商网站商品抢购倒计时功能源码示例

电商网站商品抢购倒计时实现源码示例：

<%@ page language=“java” import=“java.util.*”%>

<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>

<html xmlns=“http://www.w3.org/1999/xhtml”>

<head>

<%@ include file=“/commons/meta.jsp”%>

<%@ include file=“/commons/meta-et.jsp”%>

<%

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” defer=“defer”>

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

NowMinute = <%=minute%>;

NowMonth = <%=month%>;

//NowMonth = (parseInt(NowMonth)+1);

NowDate = <%=date%>;

NowYear = <%=year%>;

NowSecond = <%=second%>;

}

getTime();

startclock();

var timerID = null;

var timerRunning = false;

function showtime() {

var time=‘${enddate}’;//获取数据库中结束时间或开始时间，然后开始计算离开始或结束还差多少时间

NowSecond = (parseInt(NowSecond)+1);

//——————————————————————-

var a, a1, a2;

var EndTime ;

a = unescape(‘${enddate}’).split(” “); //这是注释，此句是倒计时准确度的关键，调整成其他需要的时间即可，例如2012-12-20等。

if(a.length > 1){

aa1 = a[0].split(“-“);

aa2 = a[1].split(“:”);

EndTime= new Date(a1[0], a1[1] – 1, a1[2], a2[0], a2[1],a2[2]);

}

var NowTime= new Date(NowYear,NowMonth,NowDate,NowHour,NowMinute,NowSecond);

var nMS =EndTime.getTime() – NowTime.getTime();

var nD =Math.floor(nMS/(1000 * 60 * 60 * 24));

var nH=Math.floor(nMS/(1000*60*60)) % 24;

var nM=Math.floor(nMS/(1000*60)) % 60;

var nS=Math.floor(nMS/1000) % 60;

var dddd= nD+’-‘+nH+’-‘+nM+’-‘+nS;

if(nD>= 0){

document.getElementById(‘RemainD’).innerText = nD;

document.getElementById(‘RemainH’).innerText = nH;

document.getElementById(‘RemainM’).innerText = nM;

document.getElementById(‘RemainS’).innerText = nS;

}else {

document.getElementById(‘CountMsg’).innerText=“所有时间到！”;

}

setTimeout(“showtime()”, 1000);

}

function startclock() {

showtime(); //调用计算时间差方法，并显示

}

</script>

</head>

<body>

<div id=“CountMsg”>

距离结束还剩<font color=“red” size=5><strong id=“RemainD”>XX</strong>天<strong id=“RemainH”>XX</strong>时<strong id=“RemainM”>XX</strong>分<strong id=“RemainS”>XX</strong>秒</font>

</div>

</body>

</html>

转载请注明：代码学堂>编程开发 > jsp教程 > jsp实现电商网站商品抢购倒计时功能源码示例

1. 本站所有资源来源于用户上传和网络，因此不包含技术服务请大家谅解！如有侵权请邮件联系客服！10210454@qq.com
2. 本站不保证所提供所有下载的资源的准确性、安全性和完整性，资源仅供下载学习之用！如有链接无法下载、失效或广告，请联系客服处理，有奖励！
3. 您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容资源！如用于商业或者非法用途，与本站无关，一切后果请用户自负！
4. 如果您也有好的资源或教程，您可以投稿发布，成功分享后有RB奖励和额外RMB收入！

磊宇堂正在使用的服务器维护管理由磊宇云服务器提供支持

磊宇堂 » jsp实现电商网站商品抢购倒计时功能源码示例

磊宇堂 SVIP

分享到：

磊宇堂 SVIP

相关推荐

提供最优质的资源集合