新航路师徒学院

 找回密码
 立即注册
搜索
查看: 485|回复: 0

【新航路】大会倒计时源代码

[复制链接]

80

主题

114

帖子

560

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
560
发表于 2016-8-31 12:19:54 | 显示全部楼层 |阅读模式
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <title>大会倒计时</title>
  6. <meta name="description" content="大会倒计时" />
  7. <meta name="keywords" content="大会倒计时" />
  8. <link rel="stylesheet" href="../css/index.css"/>
  9. <style type="text/css">
  10. ul {padding:20px;overflow:hidden;background:gray;height:30px;line-height:30px;list-style:none;}
  11. ul li {float:left;height:30px;line-height:30px;margin:0 5px;_display:inline;}
  12. </style>
  13. </head>

  14. <body>
  15. <ul id="k_daojishi"></ul>
  16. <script type="text/javascript">
  17. function countDown(objId,pos){
  18.         if(!objId)return null;
  19.         var obj = document.getElementById(objId);
  20.         var setTime = (typeof pos.setTime == 'undefined')?'':pos.setTime;
  21.         var over = (typeof pos.over == 'undefined')?'':pos.over;
  22.         var dateValue;
  23.         var times = null;
  24.         var will = null;
  25.         function toTime(){
  26.                 var time = {};
  27.                 var now = new Date();
  28.                 var nowTime = now.getTime();
  29.                 var iDayTime = (times - nowTime)/1000/60/60/24;
  30.                 var day = parseInt(iDayTime);
  31.                 var iHourTime = (iDayTime - day)*24;
  32.                 var hour = parseInt(iHourTime);
  33.                 var iMinutesTime = (iHourTime - hour)*60;
  34.                 var minutes = parseInt(iMinutesTime);
  35.                 var iSecondsTime = (iMinutesTime-minutes)*60;
  36.                 var seconds =  parseInt(Math.ceil(iSecondsTime));
  37.                 var time = {d:day,h:hour,m:minutes,s:seconds}
  38.                 return time;
  39.         }
  40.         function toDouble(num){
  41.                 var number = num;
  42.                 if(number<10&&number>=0){
  43.                         number = '0'+number;
  44.                 }else if(number>=10){
  45.                         number = ''+number;
  46.                 }else if(number<0 && number>-10){
  47.                         number = Math.abs(number);
  48.                         number = '-0'+number;
  49.                 }
  50.                 return number;
  51.         }
  52.         function timeFn(){
  53.                 dateValue = setTime.split(',');
  54.                 will = new Date(dateValue[0],dateValue[1]-1,dateValue[2],dateValue[3],dateValue[4],dateValue[5]);
  55.                 times = will.getTime();
  56.                 setTimeout(function(){
  57.                         sDateStr = '';
  58.                         oSyTime = toTime();
  59.                         for(var key in oSyTime){
  60.                                 oSyTime[key] = toDouble(oSyTime[key]);
  61.                                 sDateStr+=oSyTime[key];
  62.                         }
  63.                         obj.innerHTML = '<li>'+oSyTime.d+'天</li><li>'+oSyTime.h+'时</li><li>'+oSyTime.m+'分</li><li class="k_sp">'+oSyTime.s+'秒</li>';
  64.                         if(oSyTime.s>0){
  65.                                 setTimeout(arguments.callee,1000);
  66.                         }else {
  67.                                 stFn();
  68.                                 obj.innerHTML = '<li>00天</li><li>00时</li><li>00分</li><li class="k_sp">00秒</li>';
  69.                         }
  70.                 },1000);
  71.                 function stFn(){
  72.                         setTimeout(function(){
  73.                                 var oDate = new Date();
  74.                                 var iYear = oDate.getFullYear();
  75.                                 var iMonth = oDate.getMonth()+1;//月份是从0开始计算,所以+1
  76.                                 var iDay = oDate.getDate();
  77.                                 var iWeek = oDate.getDay();//星期 从0开始 0表示 星期日
  78.                                 var iHour = oDate.getHours();
  79.                                 var iMinutes = oDate.getMinutes();
  80.                                 var iSeconds = oDate.getSeconds();
  81.                                 var stopTimers = toDouble(iYear)+','+toDouble(iMonth)+','+toDouble(iDay)+','+toDouble(iHour)+','+toDouble(iMinutes)+','+toDouble(iSeconds)+"";
  82.                                 if(stopTimers>over){
  83.                                         obj.parentNode.innerHTML = '<strong style="font-size:22px">大会已经结束</strong>'
  84.                                 }else {
  85.                                         setTimeout(arguments.callee,1000);
  86.                                 }
  87.                         },1000);
  88.                 }
  89.         }
  90.         timeFn();
  91. };
  92. countDown('k_daojishi',{setTime:'2013,12,19,14,28,00',over:'2013,12,19,14,29,00'});
  93. /**
  94.         参数一:ul id
  95.         参数二:设置大会开始时间
  96.         参数三:设置大会结束时间
  97. */
  98. </script>
  99. </body>
  100. </html>
复制代码

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

新航路师徒学院 ( 京ICP备16035622号

GMT+8, 2018-9-22 22:52 , Processed in 0.132100 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表