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>

6 則留言 :

月曆 提到...

Hi, 其實不用自己算時間抓圖啦, 有一個圖的超連結是'死的': ftp://ftpsv.cwb.gov.tw/pub/satellite/s3p.jpg
你可以直接去看我整理的:
http://raeltw.blogspot.com/2007/02/blog-post.html
看了就瞭, 還有3種'範圍'可以選.

安傑洛の隨筆塗鴉 提到...

謝謝你提供的資訊,不過那個固定連結的圖片好像會Delay,更新的時間不太一定耶..

Unknown 提到...

我是路人甲,在你這裡學到不少東西,也成功把圖放上去了,多謝囉~

安傑洛の隨筆塗鴉 提到...

to OldWang's
老王嘛,什麼路人甲
有新資訊多多交流呀

Sunny Ko 提到...

謝謝
很棒的資訊,成功貼上去了

^^

安傑洛の隨筆塗鴉 提到...

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

Related Posts Plugin for WordPress, Blogger...