JS对时间的相关处理函数与应用

         现在在网上找有关JS对时间的处理的文章一大把，但是没有多少会讲得比较全面，大部分都是讲一方面或者只做一个简单的说明，所以，大家搜索的时候，文章一大把，但能够让人满意的却没有几篇。前几天在一个项目当中，要用到有关JS对时间的相关处理，实现起来不难，不过有些地方也确实容易出错。在这里，我只是有针对性的做下简单介绍，把本人在项目当中的相关经历写出来，与大家分享。

 

          1、先前对JS当中时间函数做下简单的介绍：

 

 

 

 

  new Date(); //取得(创建)当前时间 getYear(); //获取当前年份(2位) getFullYear(); //获取完整的年份(4位,1970-????) getMonth(); //获取当前月份(0-11,0代表1月) getDate(); //获取当前日(1-31) getDay(); //获取当前星期X(0-6,0代表星期天) getTime(); //获取当前时间(从1970.1.1开始的毫秒数) getHours(); //获取当前小时数(0-23) getMinutes(); //获取当前分钟数(0-59) getSeconds(); //获取当前秒数(0-59) getMilliseconds(); //获取当前毫秒数(0-999) toLocaleDateString(); //获取当前日期 toLocaleTimeString(); //获取当前时间 toLocaleString( ); //获取日期与时间 例如： var myDate = new Date(); //取得(创建)当前时间 myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X(0-6,0代表星期天) myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) myDate.getHours(); //获取当前小时数(0-23) myDate.getMinutes(); //获取当前分钟数(0-59) myDate.getSeconds(); //获取当前秒数(0-59) myDate.getMilliseconds(); //获取当前毫秒数(0-999) myDate.toLocaleDateString(); //获取当前日期 var mytime=myDate.toLocaleTimeString(); //获取当前时间 myDate.toLocaleString( ); //获取日期与时间

 

 

 

2、对以上相关函数的实际应用。

 

 

/** *author 李铁雄 * 增加世界杯赛事表，如果当前时间2小时内，当前场正在播放，由显示当场，否则显示下一场； */ var CompetitionList = new Array(new Array(new Array("06-11","22:00","南非 VS 墨西哥")),new Array(new Array("06-12","02:30","乌拉圭 VS 法国"),new Array("06-12","19:30","韩国 VS 希腊"),new Array("06-12","22:00","阿根廷 VS 尼日利亚")) ,new Array(new Array("06-13","02:30","英格兰 VS 美国"),new Array("06-13","19:30","阿尔及利亚 VS 斯洛文尼亚"),new Array("06-13","22:00","塞尔维亚 VS 加纳")),new Array(new Array("06-14","02:30","德国 VS 澳大利亚"),new Array("06-14","19:30","荷兰 VS 丹麦"),new Array("06-14","22:00","日本 VS 喀麦隆")) ,new Array(new Array("06-15","02:30","意大利 VS 巴拉圭"),new Array("06-15","19:30","新西兰 VS 斯洛伐克"),new Array("06-15","22:00","科特迪瓦 VS 葡萄牙")),new Array(new Array("06-16","02:30","巴西 VS 朝鲜"),new Array("06-16","19:30","洪都拉斯 VS 智利"),new Array("06-16","22:00","西班牙 VS 瑞士")) ,new Array(new Array("06-17","02:30","南非 VS 乌拉圭"),new Array("06-17","19:30","阿根廷 VS 韩国"),new Array("06-17","22:00","希腊 VS 尼日利亚")),new Array(new Array("06-18","02:30","法国 VS 墨西哥"),new Array("06-18","19:30","德国 VS 塞尔维亚"),new Array("06-18","22:00","斯洛文尼亚 VS 美国")) ,new Array(new Array("06-19","02:30","英格兰 VS 阿尔及利亚"),new Array("06-19","19:30","荷兰 VS 日本"),new Array("06-19","22:00","加纳 VS 澳大利亚")),new Array(new Array("06-20","02:30","喀麦隆 VS 丹麦"),new Array("06-20","19:30","斯洛伐克 VS 巴拉圭"),new Array("06-20","22:00","意大利 VS 新西兰")) ,new Array(new Array("06-21","02:30","巴西 VS 科特迪瓦"),new Array("06-21","19:30","葡萄牙 VS 朝鲜"),new Array("06-21","22:00","智利 VS 瑞士")),new Array(new Array("06-22","02:30","西班牙 VS 洪都拉斯"),new Array("06-22","22:00","法国 VS 南非")),new Array(new Array("06-23","02:30","希腊 VS 阿根廷"),new Array("06-23","22:00","斯洛文尼亚 VS 英格兰")) ,new Array(new Array("06-24","02:30","加纳 VS 德国"),new Array("06-24","22:00","斯洛伐克 VS 意大利")),new Array(new Array("06-25","02:30","喀麦隆 VS 荷兰"),new Array("06-25","22:00","葡萄牙 VS 巴西")),new Array(new Array("06-26","02:30","智利 VS 西班牙"),new Array("06-26","22:00","乌拉圭(A1) VS 韩国(B2)")) ,new Array(new Array("06-27","02:30","美国(C1) VS 加纳(D2)"),new Array("06-27","22:00","德国(D1) VS 英格兰(C2)")) ,new Array(new Array("06-28","02:30","阿根廷(B1) VS 墨西哥(A2)"),new Array("06-28","22:00","荷兰(E1) VS 斯洛伐克(F2)")) ,new Array(new Array("06-29","02:30","巴西(G1) VS 智利(H2)"),new Array("06-29","22:00","巴拉圭(F1) VS 日本(E2)")) ,new Array(new Array("06-30","02:30","西班牙(H1) VS 葡萄牙(G2)")) ,new Array(new Array("07-02","22:00","荷兰 VS 巴西")) ,new Array(new Array("07-03","02:30","乌拉圭 VS 加纳"),new Array("07-03","22:00","阿根廷 VS 德国")) ,new Array(new Array("07-04","02:30","巴拉圭 VS 西班牙")) ,new Array(new Array("07-07","02:30","乌拉圭 VS 荷兰")) ,new Array(new Array("07-08","02:30","德国 VS 西班牙")) ,new Array(new Array("07-11","02:30","乌拉圭 VS 德国")) ,new Array(new Array("07-12","02:30","荷兰 VS 西班牙")) ); var now = new Date();//取当前时间 var nowdaystr = ""//"0"+now.getMonth()+1 + "-" ; var nowdays = ""; var nowmonth = now.getMonth()+1; var nowday = now.getDate(); if(nowday<10){ nowdays = "0"+nowday; }else{ nowdays = nowday; } if(nowmonth<10){ nowdaystr = "0"+nowmonth+"-"+nowdays; }else{ nowdaystr = nowmonth+"-"+nowdays; } var hours = now.getHours(); var min = now.getMinutes(); var timestr = ""; var timeMax = ""; if(hours<10){ timestr ="0"+ hours+":"+min; if((hours+2)<10){ timeMax ="0"+ (hours+2)+":"+min; }else{ timeMax =(hours+2)+":"+min; } }else{ timestr =hours+":"+min; timeMax =(hours+2)+":"+min; } var listCount = CompetitionList.length; var showStr = "";//最终要显示的字符串； var flag = 0; for(var i=0;i<listCount;i++){ var currentcount = CompetitionList[i].length; if(CompetitionList[i][0][0] == nowdaystr){ for(var j=0;j<currentcount;j++){ var lastCount = CompetitionList[i][j].length; var begintime = CompetitionList[i][j][1]; if((timeMax>begintime)&&(timestr<begintime)){ showStr = CompetitionList[i][j][0]+" "+ CompetitionList[i][j][1]+" "+CompetitionList[i][j][2]; //取当场的数据； flag = 1; break; }else if(timeMax<begintime){ showStr = CompetitionList[i][j][0]+" "+ CompetitionList[i][j][1]+" "+CompetitionList[i][j][2]; //取当场的数据； flag = 1; break; }else if(timestr>begintime){ continue; }else{ if((j+1)==currentcount){ showStr = CompetitionList[i][j][0]+" "+ CompetitionList[i][j][1]+" "+CompetitionList[i][j][2]; //取当场的数据； flag = 1; break; }else{ continue; } } } }else if(CompetitionList[i][0][0] < nowdaystr){ continue; }else{ if(flag == 1){ break; }else{ showStr = CompetitionList[i][0][0]+" "+ CompetitionList[i][0][1]+" "+CompetitionList[i][0][2]; //取下一场的数据； break; } } }  

 

 

从上面的代码当中，可能大家不仔细看，还看不出容易产生BUG的地方，呵呵~~~~

 

1.1、对月份进行了相关的处理

      因为JS当中，通过JS函数取得的月份都是从0开始计数的，所以一年12个月，取出来的数据总会比实际月份要小1，所以我们把月份取出来后，都会做加1处理。

 

1.2、对时间进行了处理

      因为，通过JS函数取出的月份、小时、分钟、秒等都是从1开始的，当数字小于10的时候，取出的数据就会是一位，这样的话，如果要把这个时间与对应的时间进行比较，那肯定得做些处理。在这里，我们把时间只有一位的，在其前面加0处理，这样就格式化了时间，比较起来就不会出BUG。

 

var nowmonth = now.getMonth()+1; //月份加1处理 var nowday = now.getDate(); if(nowmonth<10){ //月份只有一位的，在其前面加0格式化处理 nowdaystr = "0"+nowmonth+"-"+nowday; }else{ nowdaystr = nowmonth+"-"+nowday; } var hours = now.getHours(); var min = now.getMinutes(); var timestr = ""; var timeMax = ""; if(hours<10){ //小时也是一样的处理方法 timestr ="0"+ hours+":"+min; if((hours+2)<10){ timeMax ="0"+ (hours+2)+":"+min; }else{ timeMax =(hours+2)+":"+min; } }