Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--[if IE 8]> <html lang="zh-Hant-TW" class="ie8"> <![endif]-->
- <!--[if IE 9]> <html lang="zh-Hant-TW" class="ie9"> <![endif]-->
- <!--[if !IE]><!-->
- <html lang="zh-Hant-TW">
- <!--<![endif]-->
- <head>
- <title>鄉鎮預報 | 交通部中央氣象局</title>
- <!-- Meta -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="description" content="">
- <meta name="author" content="">
- <!--Facebook_meta_begin-->
- <!-- Facebook -->
- <meta property="og:url" content="https://www.cwb.gov.tw/V8/C/W/Town/Town.html" />
- <meta property="og:title" content="鄉鎮預報 - 中央氣象局全球資訊網" />
- <meta property="og:image" content="https://www.cwb.gov.tw/Data/fcst_img/I04_small.jpg?" />
- <meta property="og:image:type" content="image/jpg" />
- <meta property="og:description" content="鄉鎮預報" />
- <meta property="og:site_name" content="中央氣象局全球資訊網" />
- <!--Facebook_meta_end-->
- <!--tw.gov_meta_begin-->
- <meta name="DC.Creator" content="交通部中央氣象局" />
- <meta name="DC.Contributor" content="交通部中央氣象局" />
- <meta name="DC.Type" content="服務" />
- <meta name="DC.Format" content="text" />
- <meta name="DC.Source" content="交通部中央氣象局" />
- <meta name="DC.Language" content="中文" />
- <meta name="DC.coverage.t.min" content="2020-03-18" />
- <meta name="DC.coverage.t.max" content="2025-03-18" />
- <meta name="DC.Publisher" content="交通部中央氣象局" />
- <meta name="DC.Date" content="2020-03-18 09:49" />
- <meta name="DC.Identifier" content="315070000H" />
- <meta name="DC.Relation" content="" />
- <meta name="DC.Rights" content="交通部中央氣象局" />
- <meta name="Category.Theme" content="650" />
- <meta name="Category.Cake" content="CM0" />
- <meta name="Category.Service" content="EZ0" />
- <meta name="DC.Title" content="中央氣象局全球資訊網" />
- <meta name="DC.Subject" content="天氣" />
- <meta name="DC.Description" content="鄉鎮預報" />
- <meta name="Keywords" content="鄉鎮預報,縣市,預報,天氣,氣象,天氣現況,溫度,體感溫度,降雨機率,時雨量,風力,風級,風速,風向,相對溼度,紫外線,舒適度,一周天氣預報,一周預報,逐3小時天氣預報,逐3小時預報,鄉鎮潮汐預報,即時影像,日出日沒,月出月沒" />
- <!--tw.gov_meta_end-->
- <link rel="stylesheet" href="/V8/assets/plugins/dialog/alert.css">
- <link rel="stylesheet" href="/V8/assets/plugins/jquery-ui/jquery-ui.min.css">
- <!-- <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.min.css"> -->
- <!--common_css_begin-->
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="application-name" content="中央氣象局">
- <meta name="msapplication-TileImage" content="/V8/assets/img/win10/cwbPinlogo.png">
- <meta name="msapplication-square70x70logo" content="/V8/assets/img/win10/cwbPinlogo70.png">
- <meta name="msapplication-square150x150logo" content="/V8/assets/img/win10/cwbPinlogo150.png">
- <meta name="msapplication-square310x310logo" content="/V8/assets/img/win10/cwbPinlogo310.png">
- <link rel="shortcut icon" href="/favicon.ico">
- <link rel="stylesheet" href="/V8/assets/plugins/bootstrap/css/bootstrap.min.css?v=20191223">
- <link rel="stylesheet" href="/V8/assets/plugins/font-awesome/css/font-awesome.min.css?v=20191223">
- <link rel="stylesheet" href="/V8/assets/plugins/cwb-fonticon/style.css?v=20191223">
- <link rel="stylesheet" href="/V8/assets/plugins/plugins.css?v=20191223">
- <link rel="stylesheet" href="/V8/assets/css/main.css?v=20200318">
- <!--common_css_end-->
- <!-- =============== CSS Customization =============== -->
- <style>@media (max-width: 992px){form[name="form1"]{width:100%}.area_search-v9{height:75px}.area_search-v9.is_open{height:auto}}</style>
- </head>
- <body>
- <a class="focusable" href="#center-content" title="跳到主要內容區塊" tabindex="1">跳到主要內容區塊</a>
- <noscript>
- <h2>您的瀏覽器不支援JavaScript功能,若網頁功能無法正常使用時,請開啟瀏覽器JavaScript狀態。</h2>
- </noscript>
- <!--=== Header ===-->
- <header class="header" id="header"></header>
- <!--=== End Header ===-->
- <!--=== Breadcrumbs ===-->
- <div class="breadcrumbs">
- <div class="container">
- <a href="#center-content" accesskey="C" id="center-content" class="acc" title=":::中間內容區導盲磚">:::</a>
- <ul class="pull-right breadcrumb breadcrumb-left">
- <li><a href="/V8/C/index.html" aria-label="首頁" target="_self"><i class="fa fa-home" aria-hidden="true" title="首頁"></i></a></li>
- <li>天氣</li>
- <li><a href="/V8/C/W/Town/index.html" title="鄉鎮預報" target="_self">鄉鎮預報</a></li>
- <li><a href="/V8/C/W/Town/Map_63.html" title="臺北市" target="_self" id="CountyName">臺北市</a></li>
- <li id="PageTitle"></li>
- </ul>
- </div>
- </div>
- <!--=== End Breadcrumbs ===-->
- <!-- [START] 報馬仔 --><!-- 英文版整塊報馬仔區塊刪掉 -->
- <div class="main-title-bar">
- <div class="container">
- <div class="d-flex justify-content-between align-items-center flex-wrap">
- <h2 class="main-title"><i class="icon-cwb-cloud" aria-hidden="true"></i>鄉鎮預報</h2>
- <!-- [START] 分區警特報 -->
- <div class="warning_cube">
- <ul class="list-unstyled"></ul>
- </div><!-- LoadWarnTown(VER, TID); -->
- <!-- [END] 分區警特報 -->
- <form name="form1" action="/V8/C/W/Town/Town.html" class="">
- <fieldset>
- <div class="area_search-v9">
- <div class="area_search_item-v9">
- <div id="open_search">
- <label class="label" for="QS">快速地點搜尋</label>
- </div>
- <div class="ui-widget">
- <label class="input">
- <input type="text" name="QS" id="QS" placeholder="請輸入關鍵字" class="ui-autocomplete-input form-control" autocomplete="off">
- </label>
- </div>
- </div>
- <div class="area_search_item-v9">
- <div class="countryselect-title">
- <label class="label" for="CountySelect">地區</label>
- </div>
- <div class="d-flex w-100">
- <div class="w-50">
- <label class="select">
- <select id="CountySelect" class="form-control" aria-label="選擇縣市">
- <option value="" disabled selected>選擇縣市</option>
- </select><i aria-hidden="true"></i>
- </label>
- </div>
- <div class="w-50">
- <label class="select" for="TID">
- <select name="TID" id="TID" class="form-control" aria-label="選擇鄉鎮">
- <option value="" disabled selected>選擇鄉鎮</option>
- </select><i aria-hidden="true"></i>
- </label>
- </div>
- <div class="hidden">
- <label for="PID">選擇地點</label>
- <select name="PID" id="PID">
- <option value="" disabled>選擇地點</option>
- </select>
- </div>
- </div>
- </div>
- <div class="area_search_btn-v9">
- <button type="submit" class="btn btn-default btn-block">確定</button>
- </div>
- </div>
- </fieldset>
- </form>
- </div>
- <div class="cube-v9">
- <!-- [START] GT -->
- <ul class="list-unstyled">
- <li><i class="fa fa-clock-o" title="發布日期"></i><span id="GT_Time"></span></li>
- <li>
- <i class="icon-cwb-temperature" title="溫度"></i>
- <span class="tem-C is-active"><span id="GT_C_T"></span></span>
- <span class="tem-F is-hidden"><span id="GT_F_T"></span></span>
- </li>
- <li>
- <i class="icon-somatosensory" title="體感溫度"></i>
- <span class="tem-C is-active"><span id="GT_C_AT"></span></span>
- <span class="tem-F is-hidden"><span id="GT_F_AT"></span></span>
- </li>
- <li><i class="icon-humidity" title="相對濕度"></i><span id="GT_RH"></span>%</li>
- <li><i class="icon-cwb-raindrop" title="時雨量"></i><span id="GT_Rain"></span>mm</li>
- <li><i class="icon-cwb-sunrise" title="日出"></i><span id="GT_Sunrise"></span></li>
- <li><i class="icon-cwb-sunset" title="日落"></i><span id="GT_Sunset"></span></li>
- </ul>
- <a data-toggle="modal" data-target="#marquee" role="button" class="marquee" id="marquee_1" href="#" title="更多內容:彈出畫面"></a>
- <!-- [END] GT -->
- </div>
- </div>
- </div>
- <div class="modal fade" id="marquee" tabindex="-1" role="dialog" aria-labelledby="marqueeLabel">
- <div class="modal-dialog" role="document">
- <div class="modal-content" id="marqueeLabel">
- <!-- LoadW50_County(CID); -->
- <div class="modal-body" id="marquee_2"></div>
- <div class="modal-footer">
- <button type="button" class="btn btn-primary" data-dismiss="modal" aria-label="關閉:彈出畫面">關閉</button>
- </div>
- </div>
- </div>
- </div>
- <!-- [END] 報馬仔 -->
- <div class="wrapper">
- <!-- <div>
- <div id="quick_search" class="is_open" accesskey="S" title="快速地點搜尋">
- <form name="form1" action="/V8/C/W/Town/Town.html" class="sky-form vision_1">
- <a href="javascript:void(0);" class="quick_search_btn hidden-xs hidden-sm" aria-label="打開快速地點搜尋框"><i class="fa fa-search" aria-hidden="true"></i></a>
- <fieldset>
- <div class="container">
- <div class="row">
- <div class="col-xs-12" id="open_search">
- <label class="label text-right" for="QS">快速地點搜尋</label>
- </div>
- <div class="clearfix"></div>
- <div id="mobile_search">
- <div class="col-xs-12 ui-widget">
- <label class="input" for="QS">
- <input type="text" name="QS" id="QS" placeholder="請輸入關鍵字">
- </label>
- </div>
- <div class="col-xs-12">
- <label class="label" for="CountySelect">地區</label>
- </div>
- <div class="col-xs-6">
- <label class="select" for="CountySelect">
- <select id="CountySelect" class="form-control">
- <option value="" disabled="" selected="">選擇縣市</option>
- </select><i aria-hidden="true"></i>
- </label>
- </div>
- <div class="col-xs-6">
- <label class="select" for="TID">
- <select name="TID" id="TID" class="form-control">
- <option value="" disabled="" selected="">選擇鄉鎮</option>
- </select><i aria-hidden="true"></i>
- </label>
- </div>
- <div class="col-xs-12">
- <label class="label" for="TravelSelect">旅遊</label>
- </div>
- <div class="col-xs-6">
- <label class="select" for="TravelSelect">
- <select id="TravelSelect" class="form-control">
- <option value="" disabled="" selected="">選擇類別</option>
- <option value="NatForest">國家森林遊樂區</option>
- <option value="NatScenic">國家風景區</option>
- <option value="NatPark">國家公園</option>
- <option value="Farm">農場旅遊</option>
- <option value="Reservoir">主要水庫</option>
- <option value="Port">主要港口</option>
- </select><i aria-hidden="true"></i>
- </label>
- </div>
- <div class="col-xs-6">
- <label class="select" for="PID">
- <select name="PID" id="PID" class="form-control">
- <option value="" disabled="" selected="">選擇地點</option>
- </select><i aria-hidden="true"></i>
- </label>
- </div>
- <div class="col-xs-12 margin-bottom-10">
- <button type="submit" class="btn btn-default btn-block">確定</button>
- </div>
- </div>
- </div>
- <div class="clearfix"></div>
- </div>
- </fieldset>
- </form>
- </div>
- </div> -->
- <!-- <div class="banner_wrap"> -->
- <!-- <div class="banner-part img-forecast"></div>Banner 背景圖 -->
- <!-- <div class="banner-part"></div> Banner 背景圖 from Town.js -->
- <!-- <div class="cube">
- <div class="warning_cube">
- <ul class="list-unstyled"></ul>
- </div>
- <ul class="list-unstyled">
- <li><i class="fa fa-clock-o" title="發布日期"></i><span id="GT_Time"></span></li>
- <li>
- <i class="icon-cwb-temperature" title="溫度"></i>
- <span class="tem-C is-active"><span id="GT_C_T"></span></span>
- <span class="tem-F is-hidden"><span id="GT_F_T"></span></span>
- </li>
- <li>
- <i class="icon-somatosensory" title="體感溫度"></i>
- <span class="tem-C is-active"><span id="GT_C_AT"></span></span>
- <span class="tem-F is-hidden"><span id="GT_F_AT"></span></span>
- </li>
- <li><i class="icon-humidity" title="相對濕度"></i><span id="GT_RH"></span>%</li>
- <li><i class="icon-cwb-raindrop" title="時雨量"></i><span id="GT_Rain"></span>mm</li>
- <li><i class="icon-cwb-sunrise" title="日出"></i><span id="GT_Sunrise"></span></li>
- <li><i class="icon-cwb-sunset" title="日落"></i><span id="GT_Sunset"></span></li>
- </ul>
- </div>
- </div> -->
- <!--=== Content Part ===-->
- <main>
- <!-- [START] Mobile Week -->
- <section class="m_week visible-xs visible-sm" id="m_week"></section>
- <!-- [END] Mobile Week -->
- <!-- [START] PC Week -->
- <div class="hidden-xs hidden-sm" id="PC_week"></div>
- <!-- [END] PC Week -->
- <div class="col-md-12">
- <div class="other">
- <h4 class="note-md">時間範圍</h4>
- <ul class="list-unstyled">
- <li>白天:當日6時至18時</li>
- <li>晚上:當日18時至隔日6時</li>
- <li>曲線圖取預報白天、晚上之中最高、最低溫者</li>
- </ul>
- </div>
- </div>
- <div class="container content-sm" id="content">
- <div class="row">
- <!-- [START] Week Chart -->
- <div class="col-md-12 margin-bottom-50">
- <!-- Tab v1 -->
- <div class="tab-default vision_1">
- <ul class="nav nav-tabs" id="tab_chart">
- <li class="active"><a href="#f-1" data-toggle="tab" title="一週溫度曲線">一週溫度曲線</a></li>
- <li><a href="#f-2" data-toggle="tab" title="一週體感溫度曲線">一週體感溫度曲線</a></li>
- </ul>
- <div class="tab-content tab_chart_wrap_C" id="ContentTable1">
- <div class="tab-pane fade in active" id="f-1">
- <div id="chart_1" style="min-width: 100%; height: 400px; margin: 0 auto;"></div>
- </div>
- <div class="tab-pane fade in " id="f-2">
- <div id="chart_2" style="min-width: 100%; height: 400px; margin: 0 auto;"></div>
- </div>
- </div>
- </div>
- <!-- End Tab v1 -->
- </div>
- <!-- [END] Week Chart -->
- <!--charts2-->
- <!-- [START] 3hr & 24hr -->
- <div class="col-md-12" accesskey="T" title="逐三小時預報" id="div_hr">
- <h3 class="heading-title type_6">
- <a href="javascript: void(0)" class="anchor tab_hr active" id="Tab_3hr" title="逐三小時天氣詳細資料">逐三小時預報</a>
- <a href="javascript: void(0)" class="anchor tab_hr" id="Tab_24hr" title="過去24小時詳細資料">過去24小時</a>
- </h3>
- <div class="tempChart_ex visible-xs visible-sm">
- <ul>
- <li class="ttem-C">溫度</li>
- <li class="ttem-C">體感溫度</li>
- </ul>
- </div>
- <!-- <div class="nav_arrow_three-hr">
- <a class="go-left" title="返回">返回</a><a class="go-right" title="看更多資料">看更多資料</a>
- </div> -->
- </div>
- <div class="col-md-12">
- <div class="table-responsive">
- <div class="chart-md-scroll">
- <div id="chart_tem" style="min-width: 280px; height: 400px; margin: 0 auto"></div>
- </div>
- </div>
- </div>
- <!-- PC -->
- <!-- [START] PC 3hr & 24hr -->
- <div class="col-md-12 margin-bottom-50 hidden-xs hidden-sm" id="PC_hr"></div>
- <!-- [END] PC 3hr & 24hr -->
- <!-- [START] Mobile 3hr & 24hr -->
- <div class="col-md-12 margin-bottom-50 visible-xs visible-sm" id="m_hr"></div>
- <!-- [END] Mobile 3hr & 24hr -->
- <!-- [END] 3hr & 24hr -->
- <!--end charts2-->
- <!-- [START] Tide -->
- <div class="col-md-12" id="Tide_MOD"></div>
- <!-- [END] Tide -->
- <div class="col-md-8">
- <section class="margin-top-50 info_block-L">
- <h3 class="heading-title type_2">天氣圖資</h3><!-- 因應無障礙AA4.3,顏色調整(原始:#6cc972) -->
- <!-- Tab v3 -->
- <div class="tab-v3 tab-sports">
- <div class="row">
- <div class="col-md-3" id="GRAPH_TAB">
- <ul class="nav nav-pills nav-stacked" id="tab_graph">
- <li class="active"><a href="#t-1" data-toggle="tab" title="衛星雲圖">衛星雲圖</a></li>
- <li><a href="#t-2" data-toggle="tab" title="雷達回波">雷達回波</a></li>
- <li><a href="#t-3" data-toggle="tab" title="累積雨量">累積雨量</a></li>
- <li><a href="#t-4" data-toggle="tab" title="溫度分布">溫度分布</a></li>
- <li><a href="#t-5" data-toggle="tab" title="即時閃電">即時閃電</a></li>
- <li><a href="#t-6" data-toggle="tab" title="紫外線">紫外線</a></li>
- </ul>
- </div>
- <div class="col-md-9">
- <div class="tab-content" id="ContentTable2">
- <div class="tab-pane fade in active" id="t-1">
- <a target="_self" title="衛星雲圖" href="/V8/C/W/OBS_Sat.html">衛星雲圖</a>
- </div>
- <div class="tab-pane fade in" id="t-2">
- <a target="_self" title="雷達回波" href="/V8/C/W/OBS_Radar.html">雷達回波</a>
- </div>
- <div class="tab-pane fade in" id="t-3">
- <a target="_self" title="累積雨量" href="/V8/C/P/Rainfall/Rainfall_QZJ.html">累積雨量</a>
- </div>
- <div class="tab-pane fade in" id="t-4">
- <a target="_self" title="溫度分布" href="/V8/C/W/OBS_Temp.html">溫度分布</a>
- </div>
- <div class="tab-pane fade in" id="t-5">
- <a target="_self" title="即時閃電" href="/V8/C/W/OBS_Lightning.html">即時閃電</a>
- </div>
- <div class="tab-pane fade in" id="t-6">
- <a target="_self" title="紫外線" href="/V8/C/W/OBS_UVI.html">紫外線</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- Tab v3 -->
- </section>
- </div>
- <div class="col-md-4" id="CCTV_MOD"></div>
- <div class="margin-top-50 col-md-12" id="Near"></div>
- </div>
- </div>
- </main>
- </div>
- <!--/wrapper-->
- <!--/container-->
- <!-- End Content Part -->
- <!--=== Footer ===-->
- <footer id="footer-v3" class="footer-v3"></footer>
- <!--=== End Footer ===-->
- <!-- JS Get ID -->
- <script src="/Data/js/info/Array_Town.js"></script>
- <script>
- var VER = "C"; var TID = "6300500"; var CID = "63";
- var URL = window.location.href; //console.log('URL:'+URL);
- var regex = new RegExp("[?&]TID(=([^&#]*)|&|#|$)"), Results = regex.exec(URL);
- if (Results) {
- //console.log('Results[2]:'+Results[2]);
- if ( Array_Town.indexOf(Results[2]) >= 0 ) {
- TID = Results[2];
- ( TID.substr( 0 , 1 ) == '6' ) ? ( CID = TID.substr( 0 , 2 ) ) : ( CID = TID.substr( 0 , 5 ) ) ;
- }
- }
- //console.log('CID:'+CID+' / TID:'+TID);
- var pageIndex = [0,0];
- var pageTitle = [ "#tab_chart li", "#tab_graph li" ];
- var pageSubs = [ "#ContentTable1", "#ContentTable2" ];
- </script>
- <!-- JS Global Compulsory -->
- <!--common_js_begin-->
- <script src="/Data/js/warn/Warning_Content.js?"></script>
- <script src="/Data/js/info/Info_Warning.js?v=20191101"></script>
- <script src="/Data/js/info/Info_County.js?"></script>
- <script src="/Data/js/info/Info_Town.js?"></script>
- <script src="/V8/assets/plugins/jquery/jquery-2.2.4.min.js"></script>
- <script src="/V8/assets/plugins/jquery/jquery-migrate.min.js"></script>
- <script src="/V8/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
- <script src="/V8/assets/plugins/back-to-top.js"></script>
- <script src="/V8/assets/plugins/smoothScroll.js"></script>
- <script src="/V8/assets/js/cookie_lib.js"></script>
- <script src="/V8/assets/js/function-global.js?v=20200311"></script>
- <script src="/V8/assets/js/app.js"></script>
- <!-- Global site tag (gtag.js) - Google Analytics -->
- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-126485471-1"></script>
- <script>
- window.dataLayer = window.dataLayer || [];
- function gtag(){dataLayer.push(arguments);}
- gtag('js', new Date());
- gtag('config', 'UA-126485471-1');
- </script>
- <!--common_js_end-->
- <script src="/V8/assets/plugins/dialog/alert.min.js"></script>
- <!-- JS Customization -->
- <!-- <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> -->
- <script src="/V8/assets/plugins/jquery-ui/jquery-ui.min.js"></script>
- <script src="/HighCharts7/code/highcharts.js"></script>
- <script src="/HighCharts7/code/modules/exporting.js"></script>
- <script src="/HighCharts7/code/modules/variwide.js"></script>
- <!-- <script src="https://code.highcharts.com/highcharts.js"></script> -->
- <!-- <script src="https://code.highcharts.com/modules/exporting.js"></script> -->
- <!-- <script src="https://code.highcharts.com/modules/variwide.js"></script> -->
- <script src="/Data/js/fcst/W50_Data.js?"></script>
- <script src="/V8/assets/js/Town.js?v=20200305"></script>
- <script src="/V8/assets/js/chart/Town-Chart.js?v=20191119"></script>
- <script src="/V8/assets/js/chart/Town-Chart-Tidal.js"></script>
- <script src="/V8/assets/js/function-tab-jump.js?v=20200206"></script>
- <!-- JS Page Level -->
- <script>
- jQuery(document).ready(function() {
- App.init();
- });
- </script>
- <!--[if lt IE 9]>
- <script src="/V8/assets/plugins/respond.js"></script>
- <script src="/V8/assets/plugins/html5shiv.js"></script>
- <script src="/V8/assets/plugins/placeholder-IE-fixes.js"></script>
- <![endif]-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement