本文实例讲述了js显示日历和天气的方法。分享给大家供大家参考，具体如下：
运行效果截图如下：
完整代码如下：
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
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>
<div id="txt"></div>
<script>
starttime()
</script>
<div>
<iframe src="http://m.weather.com.cn/m/pn11/weather.htm " width="420" height="60" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>
</div>
</body>
</html>
希望本文所述对大家javascript程序设计有所帮助。
更多js显示日历和天气的方法。