在實(shí)際的網(wǎng)站建設(shè)過程中，在網(wǎng)站上會有天氣或是日期或是時間的顯示，包括星期幾，幾月幾日，還有七天的天氣預(yù)報(bào)，都會看到，這就類似于為客戶提供增值服務(wù)，打開你網(wǎng)站的同時，會隨時了解時間與天氣狀況。那么這個是怎么做到的呢？下面讓我娓娓道來。
首先在網(wǎng)站制作布局的時候要確定好放置這個時間、地點(diǎn)、天氣模塊的位置與面積大小，比如長度為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>
以上會顯示地址、天氣、氣溫、預(yù)報(bào)等，比如南京 8度到3度 七天預(yù)報(bào)（有鏈接），為了在網(wǎng)站建設(shè)中更清楚的表達(dá)，顯示后的截圖如下：
還有直接顯示年月日，周期幾等，直接上代碼：
<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>
顯示效果截圖如下：
