看最新雷達回波圖，就在自己網誌中！

Tweet

change log 2009.11.21 因應中央氣象局雷達改版，修正程式碼內容以顯示 2007.08.23 大幅更正程式碼，增加系統效能，並解決閏年不正確的情形。 2007.08.21 修正日期相減可能造成的不正確。 2007.08.18 初始版本。

在硬是要學的網站中，看到好手寫了一篇自動發氣象衛星雲圖的文章，於是海芋就手癢就拿他的程式碼來改，憑著一點點C語言的基礎，來挑戰JavaScript，而改寫出這個氣象雷達回波自動顯示圖。

這個氣象雷達顯示圖是以中央氣象局的雷達圖為背景，目前就請大家多多測試，也希望有錯能提出來，原則上是抓前半小時的雷達圖。也就是說，超過半點，才會抓整點的雷達圖；而未到整點，只會抓之前那一小時之半點雨雷達圖。

舉例而言，如果現在時間是4點29分，因為未到半點，故只會抓3點半的雷達圖；反之，若是4點30分，則會抓取4點的雷達圖。

而說了這麼多，程式碼到底在那裡呢？別急別急，趕緊往下看吧。

<script type="text/javascript">
//Author Site：http://www.inote.tw/
//Author：海芋
function getRaderURL()
{
   var date = new Date();
   var picURL="http://www.cwb.gov.tw/V6/observe/radar/Data/MOS_1024/";
   var PostfixURL=".MOS0.jpg";
   var delayTime = 20;

   //讀出時間
   date.setMinutes(date.getMinutes()- delayTime);
   var dMonth = date.getMonth();
   var dHour = date.getHours();
   var dMin= date.getMinutes();
   var dDay = date.getDate();
   var dYear = date.getFullYear();

   //修正時間
   dMin = Math.floor(dMin/10)*10;
   if (dMin < 10) dMin = '0' + dMin;
   if (++dMonth < 10) dMonth = '0' + dMonth;
   if (dHour < 10) dHour = '0' + dHour;
   if (dDay < 10) dDay = '0' + dDay;

   //秀出成果
   document.images.SingleRaderPicture.src= picURL + dYear + '-' + dMonth + '-' + dDay+ '_'+ dHour+ dMin + PostfixURL;

   //修改圖的寬度
   document.images.SingleRaderPicture.width=300;

   //修改圖的高度
   document.images.SingleRaderPicture.height=300;
}
</script>
<a href="http://www.inote.tw/"><img style="display:none" src="http://bp3.blogger.com/_FK45VGwW6no/RsrmkpmdFqI/AAAAAAAADec/oKBD-l1YOy0/s400/%E6%9C%AA%E5%91%BD%E5%90%8D.GIF" onload="getRaderURL()"/></a><a target="_blank" href="http://www.cwb.gov.tw/V6/observe/radar/radar2.htm?"><img name="SingleRaderPicture"/></a>

而此圖的大小預設是300*300像素，如果您想要更改圖像尺寸的話，只要在「width」和「height」更改即可。

最後，除了麻煩大家測試外，也請大家轉載著名出處喔。

Tweet

版權說明

本文章發佈於海芋小站，內容僅歡迎「部份」引用，引用時請註明出處及原文連結，謝謝。
若圖像無法顯示，可能因流量太大，敬請重新整理或透過留言與我回報，也歡迎「訂閱」本站文章喔，感恩!!