JS显示日历和天气的方法

当前位置：首页 > 范文|应用文 > IT技术专栏 > 网络编程

JS显示日历和天气的方法

来源：阅读：1379 次日期：2016-08-04 15:27:06

温馨提示：小编为您整理了“JS显示日历和天气的方法”,方便广大网友查阅！

本文实例讲述了JS显示日历和天气的方法。分享给大家供大家参考，具体如下：

完整代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

function startTime()

{

//获取当前系统日期

var today=new Date()

var y=today.getFullYear()

var mo=today.getMonth()

var da=today.getDate()

var h=today.getHours()

var m=today.getMinutes()

var s=today.getSeconds()

var weekString="日一二三四五六"

var TheDate=new Date();

var CalendarData=new Array(20);

var madd=new Array(12);

var numString="一二三四五六七八九十";

var monString="正二三四五六七八九十冬腊";

var cYear;

var cMonth;

var cDay;

var cHour;

var cDateString;

var DateString;

var Browser=navigator.appName;

function init()

{

CalendarData[0]=0x41A95;

CalendarData[1]=0xD4A;

CalendarData[2]=0xDA5;

CalendarData[3]=0x20B55;

CalendarData[4]=0x56A;

CalendarData[5]=0x7155B;

CalendarData[6]=0x25D;

CalendarData[7]=0x92D;

CalendarData[8]=0x5192B;

CalendarData[9]=0xA95;

CalendarData[10]=0xB4A;

CalendarData[11]=0x416AA;

CalendarData[12]=0xAD5;

CalendarData[13]=0x90AB5;

CalendarData[14]=0x4BA;

CalendarData[15]=0xA5B;

CalendarData[16]=0x60A57;

CalendarData[17]=0x52B;

CalendarData[18]=0xA93;

CalendarData[19]=0x40E95;

madd[0]=0;

madd[1]=31;

madd[2]=59;

madd[3]=90;

madd[4]=120;

madd[5]=151;

madd[6]=181;

madd[7]=212;

madd[8]=243;

madd[9]=273;

madd[10]=304;

madd[11]=334;

}

function GetBit(m,n)

{

return (m>>n)&1;

}

function e2c()

{

var total,m,n,k;

var isEnd=false;

var tmp=TheDate.getYear();

if (tmp<1900) tmp+=1900;

total=(tmp-2001)*365

+Math.floor((tmp-2001)/4)

+madd[TheDate.getMonth()]

+TheDate.getDate()

-23;

if (TheDate.getYear()%4==0&&TheDate.getMonth()>1)

total++;

for(m=0;;m++)

{

k=(CalendarData[m]<0xfff)?11:12;

for(n=k;n>=0;n--)

{

if(total<=29+GetBit(CalendarData[m],n))

{

isEnd=true;

break;

}

total=total-29-GetBit(CalendarData[m],n);

}

if(isEnd)break;

}

cYear=2001 + m;

cMonth=k-n+1;

cDay=total;

if(k==12)

{

if(cMonth==Math.floor(CalendarData[m]/0x10000)+1)

cMonth=1-cMonth;

if(cMonth>Math.floor(CalendarData[m]/0x10000)+1)

cMonth--;

}

cHour=Math.floor((TheDate.getHours()+3)/2);

}

function GetcDateString()

{ var tmp="";

if(cMonth<1)

{

tmp+="闰";

tmp+=monString.charAt(-cMonth-1);

}

else

tmp+=monString.charAt(cMonth-1);

tmp+="月";

tmp+=(cDay<11)?"初":((cDay<20)?"十":((cDay<30)?"廿":"卅"));

if(cDay%10!=0||cDay==10)

tmp+=numString.charAt((cDay-1)%10);

tmp+=" ";

cDateString=tmp;

return tmp;

}

init();

e2c();

GetcDateString();

//调用checkTime（）函数，小于十的数字前加0

m=checkTime(m)

s=checkTime(s)

//s设置层txt的内容

document.getElementById('txt').innerHTML=y+"年"+(mo+1)+"月"+da+"日 "+h+":"+m+":"+s+" 星期"+weekString.charAt(today.getDay())+" 农历"+cDateString

//过500毫秒再调用一次

t=setTimeout('startTime()',500)

//小于10，加0

function checkTime(i)

{

if(i<10)

{i="0"+i}

return i

}

</script>

</head>

<body>

startTime()

</script>

<div>

</div>

</body>

</html>

希望本文所述对大家JavaScript程序设计有所帮助。

上一篇：JS实现图片平面旋转的方法

下一篇：jQuery使用模式窗口实现在主页面和子页面中互相传值的方法

手机网站地址：JS显示日历和天气的方法

由于各方面情况的不断调整与变化，提供的所有考试信息和咨询回复仅供参考，敬请考生以权威部门公布的正式信息和咨询为准！