2007年3月23日 星期五

新增天氣雲圖與各地天氣預報

update:現在有個專門提供氣象貼紙的網站可以參考看看http://www.tenki.tw/service/label.php

這算是一項便民服務吧,在我的Blog左邊加上天氣雲圖跟各地天氣預報連結,雲圖每隔一個小時會自動更新,資料來源為中央氣象局

新增一個"HTML/JavaScript"的網頁元素後,把以下代碼加入
紅色部份是圖片大小,可以自己調整
<a target="_blank" href="http://www.cwb.gov.tw/pda/week/Taipei.htm" title="一週天氣"><script language="javascript" type="text/javascript">
function getWURL(type,i){
    var date = new Date();
    var type;
    var dYear = date.getFullYear();
    var dMonth = date.getMonth() + 1;
    var dDay = date.getDate();
    var dHour = date.getHours();
    var picURL="http://www.cwb.gov.tw/V5/observe/satellite/Data/";
    var picType;

    //型態判斷
    if(type==1)        //東亞
        picType = "s3p";
    else                //台灣
        picType = "s1p";
        
    //時間修正
    if(i){ //前一天
        if(dHour-1 < 0){
            dDay -= 1;
            dHour = "23";
        }else{
            dHour -= 1;
        }
    }
    
    if(dHour < 10)
        dHour = "0" + dHour;
    else if(dHour == 0)
        dHour = "00";

    if(dDay < 10) dDay = "0" + dDay;
    if(dMonth < 10) dMonth = "0" + dMonth;
    
    //http://www.cwb.gov.tw/V5/observe/satellite/Data/s1p/s1p-00-12-07-2006.jpg
    picURL += picType + "/" + picType + "-" + dYear+ "-" + dMonth+ "-" + dDay+ "-" + dHour+ ".jpg";
    
    return picURL

}
</script>

<script language="javascript" type="text/javascript">
document.write('<br><img width="200" src="' + getWURL(1,false) + '" onerror="javascript:this.src=\'' + getWURL(1,true) + '\'">');
document.write('<br/><a href="http://www.cwb.gov.tw/pda/forecast/TAIPEI-CITY.htm" target="_blank">各地今明天氣預報</a>');
document.write('<br/><a href="http://www.cwb.gov.tw/pda/week/Taipei.htm" target="_blank">各地一周天氣預報</a>');
document.write('<br>');
</script></a>

Related Posts Plugin for WordPress, Blogger...