Javascript implements calendar special effects with festivals and lunar calendar_javascript skills

Script with festivals and lunar calendar:

Copy code The code is as follows: 带农历的日历 var lunarInfo=new Array( 0x04bd8,0x04ae0,0x0a570,0x054d5,0x0d260,0x0d950,0x16554,0x056a0,0x09ad0,0x055d2, 0x04ae0,0x0a5b6,0x0a4d0,0x0d250,0x1d255,0x0b540,0x0d6a0,0x0ada2,0x095b0,0x14977, 0x04970,0x0a4b0,0x0b4b5,0x06a50,0x06d40,0x1ab54,0x02b60,0x09570,0x052f2,0x04970, 0x06566,0x0d4a0,0x0ea50,0x06e95,0x05ad0,0x02b60,0x186e3,0x092e0,0x1c8d7,0x0c950, 0x0d4a0,0x1d8a6,0x0b550,0x056a0,0x1a5b4,0x025d0,0x092d0,0x0d2b2,0x0a950,0x0b557, 0x06ca0,0x0b550,0x15355,0x04da0,0x0a5d0,0x14573,0x052d0,0x0a9a8,0x0e950,0x06aa0, 0x0aea6,0x0ab50,0x04b60,0x0aae4,0x0a570,0x05260,0x0f263,0x0d950,0x05b57,0x056a0, 0x096d0,0x04dd5,0x04ad0,0x0a4d0,0x0d4d4,0x0d250,0x0d558,0x0b540,0x0b5a0,0x195a6, 0x095b0,0x049b0,0x0a974,0x0a4b0,0x0b27a,0x06a50,0x06d40,0x0af46,0x0ab60,0x09570, 0x04af5,0x04970,0x064b0,0x074a3,0x0ea50,0x06b58,0x055c0,0x0ab60,0x096d5,0x092e0, 0x0c960,0x0d954,0x0d4a0,0x0da50,0x07552,0x056a0,0x0abb7,0x025d0,0x092d0,0x0cab5, 0x0a950,0x0b4a0,0x0baa4,0x0ad50,0x055d9,0x04ba0,0x0a5b0,0x15176,0x052b0,0x0a930, 0x07954,0x06aa0,0x0ad50,0x05b52,0x04b60,0x0a6e6,0x0a4e0,0x0d260,0x0ea65,0x0d530, 0x05aa0,0x076a3,0x096d0,0x04bd7,0x04ad0,0x0a4d0,0x1d0b6,0x0d250,0x0d520,0x0dd45, 0x0b5a0,0x056d0,0x055b2,0x049b0,0x0a577,0x0a4b0,0x0aa50,0x1b255,0x06d20,0x0ada0) var solarMonth=new Array(31,28,31,30,31,30,31,31,30,31,30,31); var Animals=new Array("鼠","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗","猪"); var solarTerm = new Array("小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"); var sTermInfo = new Array(0,21208,42467,63836,85337,107014,128867,150921,173149,195551,218072,240693,263343,285989,308563,331033,353350,375494,397447,419210,440795,462224,483532,504758); var nStr1 = new Array('日','一','二','三','四','五','六','七','八','九','十'); var nStr2 = new Array('初','十','廿','卅'); //公历节日 var sFtv = new Array( "0101 元旦", "0214 情人节", "0308 妇女节", "0312 植树节", "0315 消费者权益日", "0401 愚人节", "0501 劳动节", "0504 青年节", "0512 护士节", "0601 儿童节", "0701 建党节", "0801 建军节", "0910 教师节", "0928 孔子诞辰", "1001 国庆节", "1006 老人节", "1024 联合国日", "1224 平安夜", "1225 圣诞节") //农历节日 var lFtv = new Array( "0101 春节", "0115 元宵节", "0505 端午节", "0707 七夕情人节", "0715 中元节", "0815 中秋节", "0909 重阳节", "1208 腊八节", "1224 小年") //返回农历y年的总天数 function lYearDays(y) { var i, sum = 348; for(i=0x8000; i>0x8; i>>=1)sum =(lunarInfo[y-1900]&i)?1:0; return(sum leapDays(y)); } //返回农历y年闰月的天数 function leapDays(y) { if(leapMonth(y)) return((lunarInfo[y-1900] & 0x10000)? 30: 29); else return(0); } //判断y年的农历中那个月是闰月,不是闰月返回0 function leapMonth(y){ return(lunarInfo[y-1900]&0xf); } //返回农历y年m月的总天数 function monthDays(y,m){ return((lunarInfo[y-1900]&(0x10000>>m))?30:29); } //算出当前月第一天的农历日期和当前农历日期下一个月农历的第一天日期 function Dianaday(objDate) { var i, leap=0, temp=0; var baseDate = new Date(1900,0,31); var offset = (objDate - baseDate)/86400000; this.dayCyl = offset 40; this.monCyl = 14; for(i=1900; i 0; i ) { temp = lYearDays(i) offset -= temp; this.monCyl = 12; } if(offset offset = temp; i--; this.monCyl -= 12; } this.year = i; this.yearCyl=i-1864; leap = leapMonth(i); //闰哪个月 this.isLeap = false; for(i=1; i 0; i ) { if(leap>0 && i==(leap 1) && this.isLeap==false){ //闰月 --i; this.isLeap = true; temp = leapDays(this.year);} else{ temp = monthDays(this.year, i);} if(this.isLeap==true && i==(leap 1)) this.isLeap = false; //解除闰月 offset -= temp; if(this.isLeap == false) this.monCyl ; } if(offset==0 && leap>0 && i==leap 1) if(this.isLeap){ this.isLeap = false;} else{this.isLeap=true;--i;--this.monCyl;} if(offset this.month=i; this.day=offset 1; } //返回公历y年m 1月的天数 function solarDays(y,m){ if(m==1) return(((y%4==0)&&(y0!=0)||(y@0==0))?29:28); else return(solarMonth[m]); } //记录公历和农历某天的日期 function calElement(sYear,sMonth,sDay,week,lYear,lMonth,lDay,isLeap) { this.isToday = false; //公历 this.sYear = sYear; this.sMonth = sMonth; this.sDay = sDay; this.week = week; //农历 this.lYear = lYear; this.lMonth = lMonth; this.lDay = lDay; this.isLeap = isLeap; //节日记录 this.lunarFestival = ''; //农历节日 this.solarFestival = ''; //公历节日 this.solarTerms = ''; //节气 } //返回某年的第n个节气为几日(从0小寒起算) function sTerm(y,n) { var offDate = new Date((31556925974.7*(y-1900) sTermInfo[n]*60000) Date.UTC(1900,0,6,2,5)); return(offDate.getUTCDate()) } //保存y年m 1月的相关信息 var fat=mat=9; var eve=0; function calendar(y,m) { fat=mat=0; var sDObj,lDObj,lY,lM,lD=1,lL,lX=0,tmp1,tmp2; var lDPOS = new Array(3); var n = 0; var firstLM = 0; sDObj = new Date(y,m,1); //当月第一天的日期 this.length = solarDays(y,m); //公历当月天数 this.firstWeek = sDObj.getDay(); //公历当月1日星期几 if ((m 1)==5){fat=sDObj.getDay()} if ((m 1)==6){mat=sDObj.getDay()} for(var i=0;i if(lD>lX) { sDObj = new Date(y,m,i 1); //当月第一天的日期 lDObj = new Dianaday(sDObj); //农历 lY = lDObj.year; //农历年 lM = lDObj.month; //农历月 lD = lDObj.day; //农历日 lL = lDObj.isLeap; //农历是否闰月 lX = lL? leapDays(lY): monthDays(lY,lM); //农历当月最後一天 if (lM==12){eve=lX} if(n==0) firstLM = lM; lDPOS[n ] = i-lD 1; } this[i] = new calElement(y,m 1,i 1,nStr1[(i this.firstWeek)%7],lY,lM,lD ,lL); if((i this.firstWeek)%7==0){ This[i].color = 'red'; //Sunday color } } //Solar terms tmp1=sTerm(y,m*2)-1; tmp2=sTerm(y,m*2 1)-1; This[tmp1].solarTerms = solarTerm[m*2]; This[tmp2].solarTerms = solarTerm[m*2 1]; If((this.firstWeek 12)%7==5) //Black Friday This[12].solarFestival = 'Black Friday'; If(y==tY && m==tM) this[tD-1].isToday = true; //Today } //Display the lunar calendar date in Chinese function cDay(d){ var s; switch (d) { case 10: s = 'The tenth day of the lunar month'; break; case 20: s = 'twenty'; break; break; case 30: s = 'thirty'; break; break; default: s = nStr2[Math.floor(d/10)]; s = nStr1[d]; } Return(s); } var cld; function drawCld(SY,SM) { var TF=true; var p1=p2=""; var i,sD,s,size; cld = new calendar(SY,SM); GZ.innerHTML = ' ' Animals[(SY-4) ] ']'; //Zodiac for(i=0;i sObj=eval('SD' i); lObj=eval('LD' i); sObj.className = ''; sD = i - cld.firstWeek; If(sD>-1 && sD sObj.innerHTML = sD 1; If(cld[sD].isToday){ sObj.style.color = '#9900FF';} //Today’s color else{sObj.style.color = '';} If(cld[sD].lDay==1){ //Display the lunar month lObj.innerHTML = ' ' (cld[sD].isLeap?'Leap':'') cld[sD].lMonth 'month' (monthDays(cld[sD].lYear,cld[sD].lMonth )==29?'small':'big') ' '; } else{lObj.innerHTML = cDay(cld[sD].lDay);} . var Slfw=Ssfw=null; s=cld[sD].solarFestival; for (var ipp=0;ipp If (parseInt(lFtv[ipp].substr(0,2))==(cld[sD].lMonth)){ If (parseInt(lFtv[ipp].substr(2,4))==(cld[sD].lDay)){ lObj.innerHTML=lFtv[ipp].substr(5); Slfw=lFtv[ipp].substr(5); } } If (12==(cld[sD].lMonth)){ //Determine whether it is New Year's Eve If (eve==(cld[sD].lDay)){lObj.innerHTML="New Year's Eve";Slfw="New Year's Eve";} } } for (var ipp=0;ipp If (parseInt(sFtv[ipp].substr(0,2))==(SM 1)){ If (parseInt(sFtv[ipp].substr(2,4))==(sD 1)){ lObj.innerHTML=sFtv[ipp].substr(5); Ssfw=sFtv[ipp].substr(5); } } } If ((SM 1)==5){ //Mother’s Day If (fat==0){ If ((sD 1)==7){Ssfw="Mother's Day";lObj.innerHTML="Mother's Day"} } else if (fat If ((sD 1)==((7-fat) 8)){Ssfw="Mother's Day";lObj.innerHTML="Mother's Day"} } } If ((SM 1)==6){ //Father’s Day if (mat==0){ If ((sD 1)==14){Ssfw="Father's Day";lObj.innerHTML="Father's Day"} } else if (mat If ((sD 1)==((7-mat) 15)){Ssfw="Father's Day";lObj.innerHTML="Father's Day"} } } s=cld[sD].solarTerms; If(s.length>0) s = s.fontcolor('limegreen'); } If(s.length>0) {lObj.innerHTML=s;Slfw=s;} //Solar terms If ((Slfw!=null)&&(Ssfw!=null)){ lObj.innerHTML=Slfw "/" Ssfw; } else { //Non-date sObj.innerHTML = ''; lObj.innerHTML = ''; } } } //When selecting the year and month in the drop-down list, call the custom function drawCld() to display the relevant information of the Gregorian calendar and the lunar calendar function changeCld() { var y,m; y=CLD.SY.selectedIndex 1900; m=CLD.SM.selectedIndex; drawCld(y,m); } //Use custom variables to save the year, month and day in the current system var Today = new Date(); var tY = Today.getFullYear(); var tM = Today.getMonth(); var tD = Today.getDate(); //When the page is opened, the current year and month are displayed in the drop-down list, and the custom function drawCld() is called to display information related to the Gregorian and lunar calendars function initial() { CLD.SY.selectedIndex=tY-1900; CLD.SM.selectedIndex=tM; drawCld(tY,tM); } //--> Gregorian calendar for(i=1900;i ' i); 年 for(i=1;i ' i); 月 日 一 二 三 四 五 六 var gNum; for(i=0;i document.write(' '); for(j=0;j gNum = i*7 j; document.write(' if(j == 0) document.write(' color=red'); if(j == 6) document.write(' color=#000080'); document.write(' TITLE=""> '); } document.write(' '); } 非常少见的，带节日和节气以及农历的日历特效，希望小伙伴们能够喜欢

Javascript implements calendar special effects with festivals and lunar calendar_javascript skills

Related articles