代码学堂(uxuew.cn)提供付费解决PHP WEB开发等技术服务,如果需要请 点击加我QQ:1662935793.
>编程开发 > jsp教程 > jsp实现电商网站商品抢购倒计时功能源码示例

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

jsp教程 围观3571次 更新日期:2017-07-15 11:48:17 留下足迹

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

  1. <%@ page language="java" import="java.util.*"%>  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  3. <html xmlns="http://www.w3.org/1999/xhtml">  
  4. <head>  
  5. <%@ include file="/commons/meta.jsp"%>  
  6. <%@ include file="/commons/meta-et.jsp"%>  
  7. <%  
  8. Calendar cal = Calendar.getInstance();  
  9. int hour = cal.get(cal.HOUR_OF_DAY);  
  10. int minute = cal.get(cal.MINUTE);  
  11. int month = cal.get(cal.MONTH);  
  12. int date = cal.get(cal.DATE);  
  13. int year = cal.get(cal.YEAR);  
  14. int second = cal.get(cal.SECOND);  
  15. %>  
  16. <script type="text/javascript" defer="defer">  
  17. var NowHour = "";//Today.getHours();  
  18. var NowMinute = "";//Today.getMinutes();  
  19. var NowMonth = "";//Today.getMonth();  
  20. var NowDate = "";//Today.getDate();  
  21. var NowYear = "";//Today.getYear();  
  22. var NowSecond = "";//Today.getSeconds();  
  23. //获取服务端时间  
  24. function getTime(){  
  25. NowHour = <%=hour%>;  
  26. NowMinute = <%=minute%>;  
  27. NowMonth = <%=month%>;  
  28. //NowMonth = (parseInt(NowMonth)+1);  
  29. NowDate = <%=date%>;  
  30. NowYear = <%=year%>;  
  31. NowSecond = <%=second%>;  
  32. }  
  33. getTime();  
  34. startclock();  
  35. var timerID = null;  
  36. var timerRunning = false;  
  37. function showtime() {  
  38.  
  39. var time='${enddate}';//获取数据库中结束时间或开始时间,然后开始计算离开始或结束还差多少时间  
  40. NowSecond = (parseInt(NowSecond)+1);  
  41. //-------------------------------------------------------------------  
  42. var a, a1, a2;  
  43. var EndTime ;  
  44. a = unescape('${enddate}').split(" "); //这是注释,此句是倒计时准确度的关键,调整成其他需要的时间即可,例如2012-12-20等。  
  45. if(a.length > 1){  
  46. aa1 = a[0].split("-");  
  47. aa2 = a[1].split(":");  
  48. EndTimenew Date(a1[0], a1[1] - 1, a1[2], a2[0], a2[1],a2[2]);  
  49. }  
  50. var NowTimenew Date(NowYear,NowMonth,NowDate,NowHour,NowMinute,NowSecond);  
  51. var nMS =EndTime.getTime() - NowTime.getTime();  
  52. var nD =Math.floor(nMS/(1000 * 60 * 60 * 24));  
  53. var nH=Math.floor(nMS/(1000*60*60)) % 24;  
  54. var nM=Math.floor(nMS/(1000*60)) % 60;  
  55. var nS=Math.floor(nMS/1000) % 60;  
  56. var ddddnD+'-'+nH+'-'+nM+'-'+nS;  
  57.  
  58. if(nD>= 0){  
  59. document.getElementById('RemainD').innerText = nD;  
  60. document.getElementById('RemainH').innerText = nH;  
  61. document.getElementById('RemainM').innerText = nM;  
  62. document.getElementById('RemainS').innerText = nS;  
  63. }else {  
  64. document.getElementById('CountMsg').innerText="所有时间到!";  
  65. }  
  66. setTimeout("showtime()", 1000);  
  67. }  
  68. function startclock() {  
  69. showtime(); //调用计算时间差方法,并显示  
  70. }  
  71. </script>  
  72. </head>  
  73. <body>  
  74. <div id="CountMsg">  
  75. 距离结束还剩<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>  
  76. </div>  
  77. </body>  
  78. </html>  

 

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

喜欢 (503) or 分享 (335)