首页>新闻动态>网络新原创知识
如何在网站上显示天气预报日期等
在实际的网站建设过程中,在网站上会有天气或是日期或是时间的显示,包括星期几,几月几日,还有七天的天气预报,都会看到,这就类似于为客户提供增值服务,打开你网站的同时,会随时了解时间与天气状况。那么这个是怎么做到的呢?下面让我娓娓道来。

首先在网站制作布局的时候要确定好放置这个时间、地点、天气模块的位置与面积大小,比如长度为260px,高度为18px,那么在html中,就这样写:

<div align="center">
<iframe src="http://m.weather.com.cn/m/pn3/weather.htm " width="260" height="18" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>
</div>

以上会显示地址、天气、气温、预报等,比如南京 8度到3度 七天预报(有链接),为了在网站建设中更清楚的表达,显示后的截图如下:


还有直接显示年月日,周期几等,直接上代码:

<div align="right"><script src="riqi.js"></script></div>

然后riqi.js中放置如下代码就OK了:

function writeDateInfo() {var day=""; var month=""; var ampm=""; var ampmhour=""; var myweekday=""; var year=""; mydate=new Date(); myweekday=mydate.getDay(); mymonth=mydate.getMonth()+1; myday= mydate.getDate(); myyear= mydate.getYear(); year=(myyear > 200) ? myyear : 1900 + myyear; if(myweekday == 0) weekday=" 星期日"; else if(myweekday == 1) weekday=" 星期一"; else if(myweekday == 2) weekday=" 星期二"; else if(myweekday == 3) weekday=" 星期三"; else if(myweekday == 4) weekday=" 星期四"; else if(myweekday == 5) weekday=" 星期五"; else if(myweekday == 6) weekday=" 星期六"; document.write(year+"年"+mymonth+"月"+myday+"日"+weekday); }
writeDateInfo()

以下的代码显示效果截图如下:


另外,还有一种显示天气、地址、星期几的方法,代码如下:

<iframe width="300" scrolling="no" height="30" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=1&icon=4&py=nanjing&wind=0&num=1"></iframe>

显示效果截图如下:




下一条:access与sql server两者的like通配符细节
文章分类
热门文章
网站套餐 / 解决方案 / 客户案例 / 公司优势 / 新闻动态 / 主机域名 / 关于我们 / 返回首页
版权所有:南京希丁哥网络信息服务有限公司