足球游戏_中国足彩网¥体育资讯$

JS显示日历和天气的方法
来源:易贤网 阅读:1362 次 日期: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">

<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显示日历和天气的方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 足球游戏_中国足彩网¥体育资讯$ 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标