METMalaysia - Berita Meteorologi

<!DOCTYPE html> <html lang="ms"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <meta name="keywords" content="MET Malaysia" /> <meta name="description" content="peneraju perkhidmatan meteorologi, iklim dan geofizik yang cekap dan berkesan untuk kesejahteraan, keselamatan dan pembangunan lestari." /> <title>METMalaysia - Berita Meteorologi</title>  <meta property="og:type" content="website"> <meta property="og:url" content="https://www.met.gov.my/"> <meta property="og:title" content="Laman Web Rasmi Jabatan Meteorologi Malaysia"> <meta property="og:description" content="Jabatan Meteorologi Malaysia berperanan untuk memantau dan mengeluarkan amaran berkaitan cuaca dan bencana alam seperti hujan lebat, ribut , taufan, ombak dan tsunami di Malaysia"> <meta property="og:image" content="/assets/icons/met.jpg">  <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://www.met.gov.my/"> <meta property="twitter:title" content="Laman Web Rasmi Jabatan Meteorologi Malaysia"> <meta property="twitter:description" content="Jabatan Meteorologi Malaysia berperanan untuk memantau dan mengeluarkan amaran berkaitan cuaca dan bencana alam seperti hujan lebat, ribut , taufan, ombak dan tsunami di Malaysia"> <meta property="twitter:image" content="/assets/icons/met.jpg"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/brands.min.css" integrity="sha512-W/zrbCncQnky/EzL+/AYwTtosvrM+YG/V6piQLSe2HuKS6cmbw89kjYkp3tWFn1dkWV7L1ruvJyKbLz73Vlgfg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="/css/style.css">  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//splask-analytics.mampu.gov.my/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '1127']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script>  <script src="https://unpkg.com/feather-icons"></script> </head> <body class="text-primary"> <header class="flex flex-col border-b border-indigo-100 md:border-b-0"> <div class="container py-2 px-2 order-2 xl:order-1"> <div class="flex flex-row items-center"> <div class="flex flex-1 space-x-2 md:space-x-6 items-center"> <a href="/"><img src="/images/logo/jata-malaysia.svg" alt="jata Malaysia" class="h-6 md:h-12 lg:h-16"></a> <a href="/"><img src="/images/logo/logo-metmalaysia.png" alt="jata Malaysia" class="h-6 md:h-12 lg:h-16"></a> <a href="/"> <div class="leading-none font-bold text-primary"> <div class="!text-xs md:!text-lg">LAMAN WEB RASMI</div> <div class="!text-xs md:!text-2xl lg:!text-4xl !leading-none mt-1">JABATAN METEOROLOGI MALAYSIA</div> <div class="!text-xs md:!text-lg">KEMENTERIAN SUMBER ASLI DAN KELESTARIAN ALAM</div> </div> </a> </div> <div class="hidden xl:flex flex-col items-end"> <div class="flex flex-row items-center space-x-2"> <div> <div class="bg-primary text-white rounded-lg p-2"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 24 24" style="fill: rgba(255, 255, 255, 1);transform: ;msFilter:;"><path d="M20 10.999h2C22 5.869 18.127 2 12.99 2v2C17.052 4 20 6.943 20 10.999z"></path><path d="M13 8c2.103 0 3 .897 3 3h2c0-3.225-1.775-5-5-5v2zm3.422 5.443a1.001 1.001 0 0 0-1.391.043l-2.393 2.461c-.576-.11-1.734-.471-2.926-1.66-1.192-1.193-1.553-2.354-1.66-2.926l2.459-2.394a1 1 0 0 0 .043-1.391L6.859 3.513a1 1 0 0 0-1.391-.087l-2.17 1.861a1 1 0 0 0-.29.649c-.015.25-.301 6.172 4.291 10.766C11.305 20.707 16.323 21 17.705 21c.202 0 .326-.006.359-.008a.992.992 0 0 0 .648-.291l1.86-2.171a1 1 0 0 0-.086-1.391l-4.064-3.696z"></path></svg> </div> </div> <div class="font-bold font-heading"> <div class="!text-base">Talian Hotline</div> <div class="!text-lg leading-none text-green-500">1-300-22-1638</div> </div> </div> <div class="text-xs flex flex-row space-x-2 text-center font-bold mt-3"> <a href="/info/soalan-lazim" class="leading-none !text-base"> <img src="/images/icon/icon-soalan-lazim.png" alt="soalan-lazim" class="mx-auto"> Soalan<br> Lazim </a> <a href="/hubungi-kami/alamat-pejabat" class="leading-none !text-base"> <img src="/images/icon/icon-hubungi.png" alt="hubungi" class="mx-auto"> Hubungi<br> Kami </a> <a href="/info/maklumbalas" class="leading-none !text-base" splwpk-feedback-form="splwpk-feedback-form"> <img src="/images/icon/icon-aduan.png" alt="aduan" class="mx-auto"> Aduan &<br>Maklum Balas </a> <a href="/peta-laman" class="leading-none !text-base" splwpk-sitemap="splwpk-sitemap"> <img src="/images/icon/icon-peta-laman.png" alt="peta-laman" class="mx-auto"> Peta<br>Laman </a> </div> </div> <div class="2xl:hidden hidden" id="wrap-main-nav"> <div id="main-nav"> <ul> <li> <a href="/"> Utama </a> </li> <li> <a href="" >Profil Korporat</a> <ul > <li> <a href="/profil-korporat/mengenai-met-malaysia" >Mengenai MET Malaysia</a> </li> <li> <a href="/profil-korporat/pengurusan-tertinggi" >Pengurusan Tertinggi</a> </li> <li> <a href="/profil-korporat/ketua-pegawai-maklumat-cio" >Ketua Pegawai Digital (CDO)</a> </li> <li> <a href="/profil-korporat/carta-organisasi" >Carta Organisasi</a> </li> <li> <a href="/profil-korporat/perkhidmatan" >Perkhidmatan</a> </li> <li> <a href="/profil-korporat/pejabat-meteorologi-selangor" >Pejabat Meteorologi</a> </li> <li> <a href="/profil-korporat/piagam-pelanggan" target="_blank" >Piagam Pelanggan</a> </li> <li> <a href="/profil-korporat/dasar-and-halatuju" >Dasar & Halatuju</a> </li> </ul> </li> <li> <a href="" >Ramalan</a> <ul > <li> <a href="" >Cuaca Utama</a> <ul> <li> <a href="/data/ICN20032.html" target="_blank" >Negara</a> </li> <li> <a href="/forecast/weather/state" >Negeri</a> </li> <li> <a href="/forecast/weather/district" >Daerah</a> </li> <li> <a href="/forecast/weather/town" >Bandar</a> </li> <li> <a href="/forecast/weather/tourist" >Pusat Peranginan</a> </li> </ul> </li> <li> <a href="" >Cuaca Laut</a> <ul> <li> <a href="/forecast/marine/waters" >Perairan</a> </li> <li> <a href="/forecast/marine/shipping" >Perkapalan</a> </li> </ul> </li> <li> <a href="" >Cuaca Interaktif</a> <ul> <li> <a href="/ramalan/cuaca-semenanjung" >Semenanjung</a> </li> <li> <a href="/ramalan/cuaca-sabah-and-sarawak" >Sabah & Sarawak</a> </li> <li> <a href="/ramalan/kawasan-perairan" >Perairan</a> </li> <li> <a href="/ramalan/kawasan-perkapalan" >Perkapalan</a> </li> </ul> </li> <li> <a href="http://abt.met.gov.my/" target="_blank" >Cuaca Penerbangan</a> </li> <li> <a href="/nowcasting" target="_blank" >Nowcasting</a> </li> <li> <a href="" >Kriteria Amaran</a> <ul> <li> <a href="/ramalan/hujan-lebat" >Hujan Berterusan</a> </li> <li> <a href="/ramalan/angin-kencang-and-laut-bergelora" >Angin kencang & laut bergelora</a> </li> <li> <a href="/ramalan/ribut-petir" >Ribut Petir</a> </li> </ul> </li> </ul> </li> <li> <a href="http://mygempa.met.gov.my/docroot/view/index.php" target="_blank" >Gempa Bumi</a> </li> <li> <a href="" >Pencerapan</a> <ul > <li> <a href="" >Permukaan</a> <ul> <li> <a href="/projection/temperature" >Suhu</a> </li> <li> <a href="/projection/rain" >Hujan</a> </li> <li> <a href="/projection/visibility" >Ketampakan</a> </li> <li> <a href="/projection/humidity" >Kelembapan</a> </li> </ul> </li> <li> <a href="" >Radar</a> <ul> <li> <a href="/pencerapan/radar-malaysia" >Malaysia</a> </li> <li> <a href="/pencerapan/radar-semenanjung" >Semenanjung</a> </li> <li> <a href="/pencerapan/radar-sabah-and-sarawak" >Sabah & Sarawak</a> </li> <li> <a href="/pencerapan/nowcasting" >Nowcasting</a> </li> </ul> </li> <li> <a href="" >Satelit</a> <ul> <li> <a href="/pencerapan/semenanjung-malaysia" >Semenanjung Malaysia</a> </li> <li> <a href="/pencerapan/sabah-sarawak" >Sabah & Sarawak</a> </li> <li> <a href="/pencerapan/asean" >Asean</a> </li> <li> <a href="/pencerapan/asia" >Asia</a> </li> </ul> </li> <li> <a href="" >Sains Atmosfera</a> <ul> <li> <a href="/pencerapan/zarah-terampai-teom-pm-10" >Zarah Terampai (TEOM PM-10/PM2.5)</a> </li> <li> <a href="/pencerapan/indeks-ultra-ungu-uvi" >Indeks Ultra Ungu (UVI)</a> </li> <li> <a href="/pencerapan/cuaca-angkasa" >Cuaca Angkasa</a> </li> <li> <a href="/pencerapan/mendapan-asid" >Mendapan Asid</a> </li> </ul> </li> </ul> </li> <li> <a href="" >Iklim</a> <ul > <li> <a href="" >Sistem FDRS</a> <ul> <li> <a href="" >WMS Malaysia</a> <ul > <li> <a href="https://myclimate.met.gov.my/fdrsWmsObsMsiaMetPortal" target="_blank" >Cerapan</a> </li> <li> <a href="https://myclimate.met.gov.my/fdrsWmsNwpMsiaMetPortal" target="_blank" >Ramalan</a> </li> </ul> </li> <li> <a href="" >WMS ASEAN</a> <ul > <li> <a href="https://myclimate.met.gov.my/fdrsWmsObsAseanMetPortal" target="_blank" >Cerapan</a> </li> <li> <a href="https://myclimate.met.gov.my/fdrsWmsNwpAseanMetPortal" target="_blank" >Ramalan</a> </li> </ul> </li> </ul> </li> <li> <a href="" >Kemarau</a> <ul> <li> <a href="/iklim/status-cuaca-panas" >Status Cuaca Panas</a> </li> <li> <a href="/data/climate/kemarau.pdf" target="_blank" >Pemantauan Kemarau</a> </li> </ul> </li> <li> <a href="" >Meteorologi Pertanian</a> <ul> <li> <a href="/iklim/analisa-dan-tinjauan-meteorologi-pertanian" >Analisa & Tinjauan Meteorologi Pertanian</a> </li> </ul> </li> <li> <a href="" >Ramalan Bermusim</a> <ul> <li> <a href="/iklim/tinjauan-cuaca-jangka" target="_blank" >Tinjauan Cuaca Jangka Panjang</a> </li> <li> <a href="/data/climate/status_elnino.pdf" target="_blank" >Status ENSO Terkini</a> </li> </ul> </li> <li> <a href="" >Laporan Ringkasan</a> <ul> <li> <a href="/iklim/buletin-cuaca-bulanan" >Buletin Cuaca Bulanan</a> </li> <li> <a href="/data/research/klimatologi-sinoptik.pdf" target="_blank" >Laporan Sinoptik</a> </li> <li> <a href="/iklim/maklumat-iklim" >Maklumat Iklim</a> </li> </ul> </li> </ul> </li> <li> <a href="" >Penerbitan</a> <ul > <li> <a href="/penerbitan/berita-meteorologi" >Berita Meteorologi</a> </li> <li> <a href="/penerbitan/laporan-tahunan" >Laporan Tahunan</a> </li> <li> <a href="/penerbitan/kertas-teknikal" >Kertas Teknikal</a> </li> </ul> </li> <li> <a href="" >Pendidikan</a> <ul > <li> <a href="" >Cuaca</a> <ul> <li> <a href="/pendidikan/terminologi-cuaca" >Terminologi Cuaca</a> </li> <li> <a href="/pendidikan/fenomena-cuaca" >Fenomena Cuaca</a> </li> <li> <a href="/pendidikan/peralatan-meteorologi" >Peralatan Meteorologi</a> </li> </ul> </li> <li> <a href="" >Gempa Bumi</a> <ul> <li> <a href="/pendidikan/terminologi-gempa-tsunami" >Terminologi</a> </li> <li> <a href="/pendidikan/tsunami" >Tsunami</a> </li> <li> <a href="/pendidikan/gempa-bumi" >Gempa Bumi</a> </li> </ul> </li> <li> <a href="" >Iklim</a> <ul> <li> <a href="/pendidikan/iklim-malaysia" >Iklim Malaysia</a> </li> <li> <a href="/pendidikan/perubahan-iklim-and-kesan-rumah-hijau" >Perubahan Iklim</a> </li> </ul> </li> <li> <a href="" >Sains Atmosfera</a> <ul> <li> <a href="/pendidikan/mendapan-asid" >Mendapan Asid</a> </li> <li> <a href="/pendidikan/lapisan-ozon" >Lapisan Ozon</a> </li> <li> <a href="/pendidikan/indeks-ultra-ungu" >Indeks Ultra Ungu</a> </li> <li> <a href="/pendidikan/aktivitigaw" >Pemerhatian Atmosfera Global</a> </li> <li> <a href="/pendidikan/pembenihan-awan" >Pembenihan awan</a> </li> </ul> </li> </ul> </li> <li> <a href="" >Hubungi Kami</a> <ul > <li> <a href="/hubungi-kami/direktori-kakitangan" >Direktori Kakitangan</a> </li> <li> <a href="/hubungi-kami/alamat-pejabat" >Alamat Pejabat</a> </li> <li> <a href="/hubungi-kami/peta-lokasi" >Peta Lokasi</a> </li> </ul> </li> <li data-nav-custom-content class="mt-8"> <div class="flex flex-col items-center"> <div class="flex flex-row items-center space-x-2"> <div> <div class="bg-primary text-white rounded-lg p-2"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 24 24" style="fill: rgba(255, 255, 255, 1);transform: ;msFilter:;"><path d="M20 10.999h2C22 5.869 18.127 2 12.99 2v2C17.052 4 20 6.943 20 10.999z"></path><path d="M13 8c2.103 0 3 .897 3 3h2c0-3.225-1.775-5-5-5v2zm3.422 5.443a1.001 1.001 0 0 0-1.391.043l-2.393 2.461c-.576-.11-1.734-.471-2.926-1.66-1.192-1.193-1.553-2.354-1.66-2.926l2.459-2.394a1 1 0 0 0 .043-1.391L6.859 3.513a1 1 0 0 0-1.391-.087l-2.17 1.861a1 1 0 0 0-.29.649c-.015.25-.301 6.172 4.291 10.766C11.305 20.707 16.323 21 17.705 21c.202 0 .326-.006.359-.008a.992.992 0 0 0 .648-.291l1.86-2.171a1 1 0 0 0-.086-1.391l-4.064-3.696z"></path></svg> </div> </div> <div class="font-bold font-heading"> <div>Talian Hotline</div> <div class="text-lg leading-none text-green-500">1-300-22-1638</div> </div> </div> <div class="text-xs flex flex-row space-x-2 text-center font-bold mt-3"> <div class="leading-none"> <a href="/info/soalan-lazim" class="leading-none !text-base"> <img src="/images/icon/icon-soalan-lazim.png" alt="soalan-lazim" class="mx-auto"> Soalan<br> Lazim </a> </div> <div class="leading-none"> <a href="/hubungi-kami/alamat-pejabat" class="leading-none !text-base"> <img src="/images/icon/icon-hubungi.png" alt="hubungi" class="mx-auto"> Hubungi<br> Kami </a> </div> <div class="leading-none"> <a href="/info/maklumbalas" class="leading-none !text-base"> <img src="/images/icon/icon-aduan.png" alt="aduan" class="mx-auto"> Aduan &<br>Maklum Balas </a> </div> <div class="leading-none" plwpk-sitemap="splwpk-sitemap"> <a href="/peta-laman" class="leading-none !text-base"> <img src="/images/icon/icon-peta-laman.png" alt="peta-laman" class="mx-auto"> Peta<br>Laman </a> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="navbar mb-2 md:mb-0 bg-primary text-white min-h-0 order-1 xl:order-2"> <div class="container !px-0 md:px-4"> <div class="flex-1"> <div class="items-stretch hidden xl:flex menu-main"> <a class="btn btn-ghost btn-sm rounded-btn" href="/"> Utama </a> <div class="dropdown block"> <a href="" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Profil Korporat</a> <ul class="bg-white text-primary p-3 rounded shadow transform scale-0 group-hover:scale-100 absolute transition duration-150 ease-in-out origin-top w-52"> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="/profil-korporat/mengenai-met-malaysia" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Mengenai MET Malaysia</a> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="/profil-korporat/pengurusan-tertinggi" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Pengurusan Tertinggi</a> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="/profil-korporat/ketua-pegawai-maklumat-cio" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Ketua Pegawai Digital (CDO)</a> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="/profil-korporat/carta-organisasi" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Carta Organisasi</a> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="/profil-korporat/perkhidmatan" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Perkhidmatan</a> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="/profil-korporat/pejabat-meteorologi-selangor" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Pejabat Meteorologi</a> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="/profil-korporat/piagam-pelanggan" target="_blank" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Piagam Pelanggan</a> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="/profil-korporat/dasar-and-halatuju" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Dasar & Halatuju</a> </li> </ul> </div> <div class="dropdown block"> <a href="" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Ramalan</a> <ul class="bg-white text-primary p-3 rounded shadow transform scale-0 group-hover:scale-100 absolute transition duration-150 ease-in-out origin-top w-52"> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="" class="w-full flex items-center outline-none focus:outline-none pr-1 flex-1">Cuaca Utama</a> <span class="ml-auto"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 fill-current text-secondary" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg> </span> <div class="child bg-white shadow text-primary p-3 rounded text-left w-52"> <div class="dropdown block"> <a href="/data/ICN20032.html" target="_blank" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Negara</a> </div> <div class="dropdown block"> <a href="/forecast/weather/state" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Negeri</a> </div> <div class="dropdown block"> <a href="/forecast/weather/district" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Daerah</a> </div> <div class="dropdown block"> <a href="/forecast/weather/town" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Bandar</a> </div> <div class="dropdown block"> <a href="/forecast/weather/tourist" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Pusat Peranginan</a> </div> </div> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="" class="w-full flex items-center outline-none focus:outline-none pr-1 flex-1">Cuaca Laut</a> <span class="ml-auto"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 fill-current text-secondary" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg> </span> <div class="child bg-white shadow text-primary p-3 rounded text-left w-52"> <div class="dropdown block"> <a href="/forecast/marine/waters" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Perairan</a> </div> <div class="dropdown block"> <a href="/forecast/marine/shipping" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Perkapalan</a> </div> </div> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="" class="w-full flex items-center outline-none focus:outline-none pr-1 flex-1">Cuaca Interaktif</a> <span class="ml-auto"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 fill-current text-secondary" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg> </span> <div class="child bg-white shadow text-primary p-3 rounded text-left w-52"> <div class="dropdown block"> <a href="/ramalan/cuaca-semenanjung" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Semenanjung</a> </div> <div class="dropdown block"> <a href="/ramalan/cuaca-sabah-and-sarawak" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Sabah & Sarawak</a> </div> <div class="dropdown block"> <a href="/ramalan/kawasan-perairan" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Perairan</a> </div> <div class="dropdown block"> <a href="/ramalan/kawasan-perkapalan" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Perkapalan</a> </div> </div> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="http://abt.met.gov.my/" target="_blank" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Cuaca Penerbangan</a> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="/nowcasting" target="_blank" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Nowcasting</a> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="" class="w-full flex items-center outline-none focus:outline-none pr-1 flex-1">Kriteria Amaran</a> <span class="ml-auto"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 fill-current text-secondary" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg> </span> <div class="child bg-white shadow text-primary p-3 rounded text-left w-52"> <div class="dropdown block"> <a href="/ramalan/hujan-lebat" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Hujan Berterusan</a> </div> <div class="dropdown block"> <a href="/ramalan/angin-kencang-and-laut-bergelora" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Angin kencang & laut bergelora</a> </div> <div class="dropdown block"> <a href="/ramalan/ribut-petir" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Ribut Petir</a> </div> </div> </li> </ul> </div> <div class="dropdown block"> <a href="http://mygempa.met.gov.my/docroot/view/index.php" target="_blank" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Gempa Bumi</a> </div> <div class="dropdown block"> <a href="" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Pencerapan</a> <ul class="bg-white text-primary p-3 rounded shadow transform scale-0 group-hover:scale-100 absolute transition duration-150 ease-in-out origin-top w-52"> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="" class="w-full flex items-center outline-none focus:outline-none pr-1 flex-1">Permukaan</a> <span class="ml-auto"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 fill-current text-secondary" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg> </span> <div class="child bg-white shadow text-primary p-3 rounded text-left w-52"> <div class="dropdown block"> <a href="/projection/temperature" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Suhu</a> </div> <div class="dropdown block"> <a href="/projection/rain" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Hujan</a> </div> <div class="dropdown block"> <a href="/projection/visibility" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Ketampakan</a> </div> <div class="dropdown block"> <a href="/projection/humidity" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Kelembapan</a> </div> </div> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="" class="w-full flex items-center outline-none focus:outline-none pr-1 flex-1">Radar</a> <span class="ml-auto"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 fill-current text-secondary" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg> </span> <div class="child bg-white shadow text-primary p-3 rounded text-left w-52"> <div class="dropdown block"> <a href="/pencerapan/radar-malaysia" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Malaysia</a> </div> <div class="dropdown block"> <a href="/pencerapan/radar-semenanjung" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Semenanjung</a> </div> <div class="dropdown block"> <a href="/pencerapan/radar-sabah-and-sarawak" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Sabah & Sarawak</a> </div> <div class="dropdown block"> <a href="/pencerapan/nowcasting" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Nowcasting</a> </div> </div> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="" class="w-full flex items-center outline-none focus:outline-none pr-1 flex-1">Satelit</a> <span class="ml-auto"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 fill-current text-secondary" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg> </span> <div class="child bg-white shadow text-primary p-3 rounded text-left w-52"> <div class="dropdown block"> <a href="/pencerapan/semenanjung-malaysia" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Semenanjung Malaysia</a> </div> <div class="dropdown block"> <a href="/pencerapan/sabah-sarawak" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Sabah & Sarawak</a> </div> <div class="dropdown block"> <a href="/pencerapan/asean" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Asean</a> </div> <div class="dropdown block"> <a href="/pencerapan/asia" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Asia</a> </div> </div> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="" class="w-full flex items-center outline-none focus:outline-none pr-1 flex-1">Sains Atmosfera</a> <span class="ml-auto"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 fill-current text-secondary" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg> </span> <div class="child bg-white shadow text-primary p-3 rounded text-left w-52"> <div class="dropdown block"> <a href="/pencerapan/zarah-terampai-teom-pm-10" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Zarah Terampai (TEOM PM-10/PM2.5)</a> </div> <div class="dropdown block"> <a href="/pencerapan/indeks-ultra-ungu-uvi" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Indeks Ultra Ungu (UVI)</a> </div> <div class="dropdown block"> <a href="/pencerapan/cuaca-angkasa" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Cuaca Angkasa</a> </div> <div class="dropdown block"> <a href="/pencerapan/mendapan-asid" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Mendapan Asid</a> </div> </div> </li> </ul> </div> <div class="dropdown block"> <a href="" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Iklim</a> <ul class="bg-white text-primary p-3 rounded shadow transform scale-0 group-hover:scale-100 absolute transition duration-150 ease-in-out origin-top w-52"> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="" class="w-full flex items-center outline-none focus:outline-none pr-1 flex-1">Sistem FDRS</a> <span class="ml-auto"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 fill-current text-secondary" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg> </span> <div class="child bg-white shadow text-primary p-3 rounded text-left w-52"> <div class="dropdown block"> <a href="" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">WMS Malaysia</a> <ul class="bg-white text-primary p-3 rounded shadow transform scale-0 group-hover:scale-100 absolute transition duration-150 ease-in-out origin-top w-52"> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="https://myclimate.met.gov.my/fdrsWmsObsMsiaMetPortal" target="_blank" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Cerapan</a> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="https://myclimate.met.gov.my/fdrsWmsNwpMsiaMetPortal" target="_blank" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Ramalan</a> </li> </ul> </div> <div class="dropdown block"> <a href="" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">WMS ASEAN</a> <ul class="bg-white text-primary p-3 rounded shadow transform scale-0 group-hover:scale-100 absolute transition duration-150 ease-in-out origin-top w-52"> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="https://myclimate.met.gov.my/fdrsWmsObsAseanMetPortal" target="_blank" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Cerapan</a> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="https://myclimate.met.gov.my/fdrsWmsNwpAseanMetPortal" target="_blank" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Ramalan</a> </li> </ul> </div> </div> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="" class="w-full flex items-center outline-none focus:outline-none pr-1 flex-1">Kemarau</a> <span class="ml-auto"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 fill-current text-secondary" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg> </span> <div class="child bg-white shadow text-primary p-3 rounded text-left w-52"> <div class="dropdown block"> <a href="/iklim/status-cuaca-panas" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Status Cuaca Panas</a> </div> <div class="dropdown block"> <a href="/data/climate/kemarau.pdf" target="_blank" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Pemantauan Kemarau</a> </div> </div> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="" class="w-full flex items-center outline-none focus:outline-none pr-1 flex-1">Meteorologi Pertanian</a> <span class="ml-auto"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 fill-current text-secondary" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg> </span> <div class="child bg-white shadow text-primary p-3 rounded text-left w-52"> <div class="dropdown block"> <a href="/iklim/analisa-dan-tinjauan-meteorologi-pertanian" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Analisa & Tinjauan Meteorologi Pertanian</a> </div> </div> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="" class="w-full flex items-center outline-none focus:outline-none pr-1 flex-1">Ramalan Bermusim</a> <span class="ml-auto"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 fill-current text-secondary" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg> </span> <div class="child bg-white shadow text-primary p-3 rounded text-left w-52"> <div class="dropdown block"> <a href="/iklim/tinjauan-cuaca-jangka" target="_blank" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Tinjauan Cuaca Jangka Panjang</a> </div> <div class="dropdown block"> <a href="/data/climate/status_elnino.pdf" target="_blank" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Status ENSO Terkini</a> </div> </div> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="" class="w-full flex items-center outline-none focus:outline-none pr-1 flex-1">Laporan Ringkasan</a> <span class="ml-auto"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 fill-current text-secondary" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg> </span> <div class="child bg-white shadow text-primary p-3 rounded text-left w-52"> <div class="dropdown block"> <a href="/iklim/buletin-cuaca-bulanan" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Buletin Cuaca Bulanan</a> </div> <div class="dropdown block"> <a href="/data/research/klimatologi-sinoptik.pdf" target="_blank" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Laporan Sinoptik</a> </div> <div class="dropdown block"> <a href="/iklim/maklumat-iklim" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Maklumat Iklim</a> </div> </div> </li> </ul> </div> <div class="dropdown block"> <a href="" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Penerbitan</a> <ul class="bg-white text-primary p-3 rounded shadow transform scale-0 group-hover:scale-100 absolute transition duration-150 ease-in-out origin-top w-52"> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="/penerbitan/berita-meteorologi" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Berita Meteorologi</a> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="/penerbitan/laporan-tahunan" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Laporan Tahunan</a> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="/penerbitan/kertas-teknikal" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Kertas Teknikal</a> </li> </ul> </div> <div class="dropdown block"> <a href="" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Pendidikan</a> <ul class="bg-white text-primary p-3 rounded shadow transform scale-0 group-hover:scale-100 absolute transition duration-150 ease-in-out origin-top w-52"> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="" class="w-full flex items-center outline-none focus:outline-none pr-1 flex-1">Cuaca</a> <span class="ml-auto"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 fill-current text-secondary" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg> </span> <div class="child bg-white shadow text-primary p-3 rounded text-left w-52"> <div class="dropdown block"> <a href="/pendidikan/terminologi-cuaca" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Terminologi Cuaca</a> </div> <div class="dropdown block"> <a href="/pendidikan/fenomena-cuaca" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Fenomena Cuaca</a> </div> <div class="dropdown block"> <a href="/pendidikan/peralatan-meteorologi" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Peralatan Meteorologi</a> </div> </div> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="" class="w-full flex items-center outline-none focus:outline-none pr-1 flex-1">Gempa Bumi</a> <span class="ml-auto"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 fill-current text-secondary" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg> </span> <div class="child bg-white shadow text-primary p-3 rounded text-left w-52"> <div class="dropdown block"> <a href="/pendidikan/terminologi-gempa-tsunami" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Terminologi</a> </div> <div class="dropdown block"> <a href="/pendidikan/tsunami" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Tsunami</a> </div> <div class="dropdown block"> <a href="/pendidikan/gempa-bumi" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Gempa Bumi</a> </div> </div> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="" class="w-full flex items-center outline-none focus:outline-none pr-1 flex-1">Iklim</a> <span class="ml-auto"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 fill-current text-secondary" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg> </span> <div class="child bg-white shadow text-primary p-3 rounded text-left w-52"> <div class="dropdown block"> <a href="/pendidikan/iklim-malaysia" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Iklim Malaysia</a> </div> <div class="dropdown block"> <a href="/pendidikan/perubahan-iklim-and-kesan-rumah-hijau" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Perubahan Iklim</a> </div> </div> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="" class="w-full flex items-center outline-none focus:outline-none pr-1 flex-1">Sains Atmosfera</a> <span class="ml-auto"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 fill-current text-secondary" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg> </span> <div class="child bg-white shadow text-primary p-3 rounded text-left w-52"> <div class="dropdown block"> <a href="/pendidikan/mendapan-asid" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Mendapan Asid</a> </div> <div class="dropdown block"> <a href="/pendidikan/lapisan-ozon" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Lapisan Ozon</a> </div> <div class="dropdown block"> <a href="/pendidikan/indeks-ultra-ungu" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Indeks Ultra Ungu</a> </div> <div class="dropdown block"> <a href="/pendidikan/aktivitigaw" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Pemerhatian Atmosfera Global</a> </div> <div class="dropdown block"> <a href="/pendidikan/pembenihan-awan" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Pembenihan awan</a> </div> </div> </li> </ul> </div> <div class="dropdown block"> <a href="" class="btn btn-ghost btn-sm rounded-btn w-full pr-1 font-semibold flex-1">Hubungi Kami</a> <ul class="bg-white text-primary p-3 rounded shadow transform scale-0 group-hover:scale-100 absolute transition duration-150 ease-in-out origin-top w-52"> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="/hubungi-kami/direktori-kakitangan" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Direktori Kakitangan</a> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="/hubungi-kami/alamat-pejabat" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Alamat Pejabat</a> </li> <li class="flex items-center rounded-sm relative px-3 py-1 hover:bg-primary hover:text-white"> <a href="/hubungi-kami/peta-lokasi" class="w-full text-left flex items-center outline-none focus:outline-none pr-1 flex-1">Peta Lokasi</a> </li> </ul> </div> <style> .group:hover .group-hover\:scale-100 { transform: scale(1) } .group:hover .group-hover\:-rotate-180 { transform: rotate(180deg) } .scale-0 { transform: scale(0) } .min-w-32 { min-width: 8rem } </style> </div> </div> <div class="flex items-center space-x-4"> <div splwpk-multilang="splwpk-multilang"> <a id="locale" href=""> <img src="/images/flag-en.svg" alt="flag-en" class="h-5"> </a> </div> <div class="font-bold border-r border-l border-black border-opacity-40" splwpk-w3c="splwpk-w3c"> <button class="btn btn-ghost btn-sm !text-base" onclick="zoomInOut('smaller')"> A- </button> <button class="btn btn-ghost btn-sm !text-base" onclick="zoomInOut('normal')"> A </button> <button class="btn btn-ghost btn-sm !text-base" onclick="zoomInOut('larger')"> A+ </button> </div> <div> <button class="btn btn-ghost btn-md" onclick="grayScale()" splwpk-w3c="splwpk-w3c"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(255, 255, 255, 1);transform: ;msFilter:;"> <circle cx="9" cy="4" r="2"></circle> <path d="M16.98 14.804A1 1 0 0 0 16 14h-4.133l-.429-3H16V9h-4.847l-.163-1.142A1 1 0 0 0 10 7H9a1.003 1.003 0 0 0-.99 1.142l.877 6.142A2.009 2.009 0 0 0 10.867 16h4.313l.839 4.196c.094.467.504.804.981.804h3v-2h-2.181l-.839-4.196z"> </path> <path d="M12.51 17.5c-.739 1.476-2.25 2.5-4.01 2.5A4.505 4.505 0 0 1 4 15.5a4.503 4.503 0 0 1 2.817-4.167l-.289-2.025C3.905 10.145 2 12.604 2 15.5 2 19.084 4.916 22 8.5 22a6.497 6.497 0 0 0 5.545-3.126l-.274-1.374H12.51z"> </path> </svg> </button> </div> <a href="/search-page" class="btn btn-secondary p-2 min-h-0 h-auto"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block w-5 h-5 stroke-current"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path> </svg> </a> </div> </div> </div> </header> <main> <div class="bg-white px-5 !py-3 text-sm breadcrumbs"> <ul> <li > <a href="/">Utama</a> </li> <li > <a href="/penerbitan">Penerbitan</a> </li> <li class="current"> Penerbitan </li> <li class="current"> <a href="/penerbitan/berita-meteorologi">Berita Meteorologi</a> </li> </ul> </div> <section class="my-5"> <div class="container"> <div class="md:flex md:space-x-6"> <div class="md:w-1/4"> <div class="tabs tabs-vertical"> <a class="tab tab-active " href="/penerbitan/berita-meteorologi">Berita Meteorologi</a> <a class="tab " href="/penerbitan/laporan-tahunan">Laporan Tahunan</a> <a class="tab " href="/penerbitan/kertas-teknikal">Kertas Teknikal</a> </div> </div> <div class="md:w-3/4 mt-10 md:mt-0"> <div class="bg-white p-6 pb-8 rounded-lg"> <h4> Berita Meteorologi </h4> <hr class="my-5 -mx-6"> <div class="border border-gray-400 rounded-lg" x-data="{selected:-1}"> <ul class="shadow-box"> <li class="relative border-b border-gray-400"> <button type="button" class="w-full px-8 py-6 text-left border-b border-gray-400" @click="selected !== 0 ? selected = 0 : selected = null"> <div class="flex items-center justify-between"> <span class="text-lg font-bold"> 2024 </span> <span x-bind:class="selected == 0 ? 'hidden' : 'block'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"> <path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"> </path> </svg> </span> <span x-bind:class="selected == 0 ? 'block' : 'hidden'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"> <path d="m6.293 13.293 1.414 1.414L12 10.414l4.293 4.293 1.414-1.414L12 7.586z"> </path> </svg> </span> </div> </button> <div class="relative overflow-hidden transition-all duration-700" style="" x-ref="container0" x-bind:style="selected == 0 ? 'max-height: ' + $refs.container0.scrollHeight + 'px' : 'max-height:0'"> <div class="p-6"> <div class="grid gap-8 md:grid-cols-3 grid-cols-2"> <div class=""> <a href="https://www.flipsnack.com/7B5CF55569B/beritameteorologi-jan-apr2024-1p369puo7k/full-view.html" target="_blank" class="block text-left"> <img src="/assets/content/penerbitan/cover/beritameteorologi/jan-apr2024.jpg" alt="" class="w-44 h-min-60 mb-4 border border-gray-200 shadow-sm rounded inline" /> </a> <p><a target="_blank" href="https://www.flipsnack.com/7B5CF55569B/beritameteorologi-jan-apr2024-1p369puo7k/full-view.html"><span style="text-align:justify;display :block">Januari - April 2024</span></a></p> </div> <div class=""> <a href="https://www.flipsnack.com/7B5CF55569B/beritameteorologi-mei-ogos2024-vklg5mjzhm/full-view.html" target="_blank" class="block text-left"> <img src="/assets/content/penerbitan/cover/beritameteorologi/mei-ogos2024.jpg" alt="" class="w-44 h-min-60 mb-4 border border-gray-200 shadow-sm rounded inline" /> </a> <p><a target="_blank" href="https://www.flipsnack.com/7B5CF55569B/beritameteorologi-mei-ogos2024-vklg5mjzhm/full-view.html"><span style="text-align:justify;display :block">Mei - Ogos 2024</span></a></p> </div> </div> <p class="paragraph"></p> </div> </div> </li> <li class="relative border-b border-gray-400"> <button type="button" class="w-full px-8 py-6 text-left border-b border-gray-400" @click="selected !== 1 ? selected = 1 : selected = null"> <div class="flex items-center justify-between"> <span class="text-lg font-bold"> 2023 </span> <span x-bind:class="selected == 1 ? 'hidden' : 'block'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"> <path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"> </path> </svg> </span> <span x-bind:class="selected == 1 ? 'block' : 'hidden'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"> <path d="m6.293 13.293 1.414 1.414L12 10.414l4.293 4.293 1.414-1.414L12 7.586z"> </path> </svg> </span> </div> </button> <div class="relative overflow-hidden transition-all duration-700" style="" x-ref="container1" x-bind:style="selected == 1 ? 'max-height: ' + $refs.container1.scrollHeight + 'px' : 'max-height:0'"> <div class="p-6"> <div class="grid gap-8 md:grid-cols-3 grid-cols-2"> <div class=""> <a href="https://www.flipsnack.com/7B5CF55569B/beritameteorologi-jan-apr2023/full-view.html" target="_blank" class="block text-left"> <img src="/assets/content/penerbitan/cover/beritameteorologi/jan-apr2023.jpg" alt="" class="w-44 h-min-60 mb-4 border border-gray-200 shadow-sm rounded inline" /> </a> <p><a target="_blank" href="https://www.flipsnack.com/7B5CF55569B/beritameteorologi-jan-apr2023/full-view.html"><span style="text-align:justify;display :block">Januari - April 2023</span></a></p> </div> <div class=""> <a href="https://www.flipsnack.com/7B5CF55569B/beritameteorologi-mei-ogos2023/full-view.html" target="_blank" class="block text-left"> <img src="/assets/content/penerbitan/cover/beritameteorologi/mei-ogos2023.jpg" alt="" class="w-44 h-min-60 mb-4 border border-gray-200 shadow-sm rounded inline" /> </a> <p><a href="https://www.flipsnack.com/7B5CF55569B/beritameteorologi-mei-ogos2023/full-view.html">Mei - Ogos 2023</a></p> </div> <div class=""> <a href="https://www.flipsnack.com/7B5CF55569B/beritameteorologi-sep-dis2023/full-view.html" target="_blank" class="block text-left"> <img src="/assets/content/penerbitan/cover/beritameteorologi/sept-dis2023.jpg" alt="" class="w-44 h-min-60 mb-4 border border-gray-200 shadow-sm rounded inline" /> </a> <p><a target="_blank" href="https://www.flipsnack.com/7B5CF55569B/beritameteorologi-sep-dis2023/full-view.html">September - Disember 2023</a></p> </div> </div> <p class="paragraph"></p> </div> </div> </li> <li class="relative border-b border-gray-400"> <button type="button" class="w-full px-8 py-6 text-left border-b border-gray-400" @click="selected !== 2 ? selected = 2 : selected = null"> <div class="flex items-center justify-between"> <span class="text-lg font-bold"> 2022 </span> <span x-bind:class="selected == 2 ? 'hidden' : 'block'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"> <path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"> </path> </svg> </span> <span x-bind:class="selected == 2 ? 'block' : 'hidden'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"> <path d="m6.293 13.293 1.414 1.414L12 10.414l4.293 4.293 1.414-1.414L12 7.586z"> </path> </svg> </span> </div> </button> <div class="relative overflow-hidden transition-all duration-700" style="" x-ref="container2" x-bind:style="selected == 2 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : 'max-height:0'"> <div class="p-6"> <div class="grid gap-4 grid-cols-4 "> <div class=""> <a href="https://www.flipsnack.com/7B5CF55569B/beritameteorologi-jan-apr2022/full-view.html" target="_blank" class="block text-left"> <img src="/assets/content/penerbitan/cover/beritameteorologi/jan-apr2022.jpg" alt="" class="w-44 h-min-60 mb-4 border border-gray-200 shadow-sm rounded inline" /> </a> <p><a target="_blank" href="https://www.flipsnack.com/7B5CF55569B/beritameteorologi-jan-apr2022/full-view.html">Januari - April 2022</a></p> </div> <div class=""> <a href="https://www.flipsnack.com/7B5CF55569B/beritameteorologi-mei-ogos2022/full-view.html" target="_blank" class="block text-left"> <img src="/assets/content/penerbitan/cover/beritameteorologi/mei-ogos2022.jpg" alt="" class="w-44 h-min-60 mb-4 border border-gray-200 shadow-sm rounded inline" /> </a> <p><a target="_blank" href="https://www.flipsnack.com/7B5CF55569B/beritameteorologi-mei-ogos2022/full-view.html">Mei - Ogos 2022</a></p> </div> <div class=""> <a href="https://www.flipsnack.com/7B5CF55569B/beritameteorologi-sept-dis2022/full-view.html" target="_blank" class="block text-left"> <img src="/assets/content/penerbitan/cover/beritameteorologi/sept-dis2022.jpg" alt="" class="w-44 h-min-60 mb-4 border border-gray-200 shadow-sm rounded inline" /> </a> <p><a target="_blank" href="https://www.flipsnack.com/7B5CF55569B/beritameteorologi-sept-dis2022/full-view.html">September - Disember 2022</a></p> </div> </div> <p class="paragraph"></p> </div> </div> </li> <li class="relative border-b border-gray-400"> <button type="button" class="w-full px-8 py-6 text-left border-b border-gray-400" @click="selected !== 3 ? selected = 3 : selected = null"> <div class="flex items-center justify-between"> <span class="text-lg font-bold"> 2021 </span> <span x-bind:class="selected == 3 ? 'hidden' : 'block'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"> <path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"> </path> </svg> </span> <span x-bind:class="selected == 3 ? 'block' : 'hidden'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"> <path d="m6.293 13.293 1.414 1.414L12 10.414l4.293 4.293 1.414-1.414L12 7.586z"> </path> </svg> </span> </div> </button> <div class="relative overflow-hidden transition-all duration-700" style="" x-ref="container3" x-bind:style="selected == 3 ? 'max-height: ' + $refs.container3.scrollHeight + 'px' : 'max-height:0'"> <div class="p-6"> <div class="grid gap-4 grid-cols-4 "> <div class=""> <a href="https://www.flipsnack.com/7B5CF55569B/berita-meteorologi-edisi-januari-april-2021/full-view.html" target="_blank" class="block text-left"> <img src="/assets/content/penerbitan/cover/beritameteorologi/jan-apr2021.jpg" alt="" class="w-44 h-min-60 mb-4 border border-gray-200 shadow-sm rounded inline" /> </a> <p><a target="_blank" href="https://www.flipsnack.com/7B5CF55569B/berita-meteorologi-edisi-januari-april-2021/full-view.html">Januari - April 2021</a></p> </div> <div class=""> <a href="https://www.flipsnack.com/7B5CF55569B/berita-meteorologi-edisi-mei-ogos-2021/full-view.html" target="_blank" class="block text-left"> <img src="/assets/content/penerbitan/cover/beritameteorologi/mei-ogos2021.jpg" alt="" class="w-44 h-min-60 mb-4 border border-gray-200 shadow-sm rounded inline" /> </a> <p><a target="_blank" href="https://www.flipsnack.com/7B5CF55569B/berita-meteorologi-edisi-mei-ogos-2021/full-view.html">Mei - Ogos 2021</a></p> </div> <div class=""> <a href="https://www.flipsnack.com/7B5CF55569B/berita-meteorologi-edisi-september-disember-2021/full-view.html" target="_blank" class="block text-left"> <img src="/assets/content/penerbitan/cover/beritameteorologi/sept-dis2021.jpg" alt="" class="w-44 h-min-60 mb-4 border border-gray-200 shadow-sm rounded inline" /> </a> <p><a target="_blank" href="https://www.flipsnack.com/7B5CF55569B/berita-meteorologi-edisi-september-disember-2021/full-view.html">September - Disember 2021</a></p> </div> </div> <p class="paragraph"></p> </div> </div> </li> </ul> </div> <script> document.addEventListener('DOMContentLoaded', function() { var main = new Splide('.slide-main', { type: 'fade', rewind: true, pagination: false, arrows: false, }); var thumbnails = new Splide('.slide-thumbnail', { fixedWidth: 100, fixedHeight: 60, gap: 10, focus: 'center', rewind: true, pagination: false, cover: true, isNavigation: true, breakpoints: { 600: { fixedWidth: 60, fixedHeight: 44, }, }, }); main.sync(thumbnails); main.mount(); thumbnails.mount(); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { var main = new Splide('.slide-main', { type: 'fade', rewind: true, pagination: false, arrows: false, }); var thumbnails = new Splide('.slide-thumbnail', { fixedWidth: 100, fixedHeight: 60, gap: 10, focus: 'center', rewind: true, pagination: false, cover: true, isNavigation: true, breakpoints: { 600: { fixedWidth: 60, fixedHeight: 44, }, }, }); main.sync(thumbnails); main.mount(); thumbnails.mount(); }); </script> <p class="paragraph"></p> </div> </div> </div> </div> </section> <h1 style="display: none;"></h1> <div class="custom" style="display: none;" > <form splwpk-search-function="splwpk-search-function"></form> <a href="https://www.met.gov.my/data/research/researchpapers/2024/RP01_2024.pdf" splwpk-publication="splwpk-publication"></a> <p splwpk-broadcast="splwpk-broadcast" timestamp="2025-02-01 08:00:00"></p> <p splwpk-about-us="splwpk-about-us" timestamp="2025-02-01 08:00:00"></p> <p splwpk-news="splwpk-news" timestamp="2025-02-01 08:00:00"></p> <p splwpk-faq="splwpk-faq" timestamp="2025-02-01 08:00:00"></p> <p splwpk-client-charter="splwpk-client-charter" timestamp="2025-02-01 08:00:00"></p> <p splwpk-contact-details="splwpk-contact-details" timestamp="2025-02-01 08:00:00"></p> <a href="https://www.met.gov.my/" splwpk-online-services="splwpk-online-services"></a> <a href="https://www.met.gov.my/" splwpk-electronic-archive="splwpk-electronic-archive"></a> <a href="https://www.met.gov.my/" splwpk-publicising="splwpk-publicising" timestamp="2025-02-01 08:00:00"></a> <a href="https://www.met.gov.my/" splwpk-procurement="splwpk-procurement"></a> <a href="https://www.met.gov.my/" splwpk-online-e-participation="splwpk-online-e-participation" timestamp="2025-02-01 08:00:00"></a> <a href="https://www.met.gov.my/" splwpk-privacy-policy="splwpk-privacy-policy"></a> <H6 splwpk-privacy-policy="splwpk-privacy-policy" style="color:#0e429c;">Dasar Privasi</H6> <form splwpk-feedback-form="splwpk-feedback-form"></form> <form splwpk-advanced-search-function="splwpk-advanced-search-function"></form> <a href="https://data.gov.my/dashboard/weather-and-climate" title="Cuaca dan Iklim" splwpk-open-data="splwpk-open-data">CUACA DAN IKLIM</a> <a href="https://gamma.malaysia.gov.my/appdetails/35" title="MYCUACA" splwpk-mobile-apps="splwpk-mobile-apps">MYCUACA</a> </div> <footer class="bg-primary text-white py-10"> <div class="container"> <div class="md:flex space-y-10 md:space-y-0"> <div class="md:w-1/4"> <h6 class="text-secondary uppercase font-semibold">Dasar</h6> <ul class="mt-3 space-y-1"> <li> <a href="/info/dasar-penafian" class="hover:text-secondary"> Dasar Penafian </a> </li> <li> <a href="/info/dasar-keselamatan" class="hover:text-secondary"> Dasar Keselamatan </a> </li> <li> <a href="/info/dasar-privasi" class="hover:text-secondary" splwpk-privacy-policy="splwpk-privacy-policy"> Dasar Privasi </a> </li> <li> <a href="/info/kenyataan-hak-cipta" class="hover:text-secondary"> Kenyataan Hak Cipta </a> </li> </ul> </div> <div class="md:w-1/4"> <h6 class="text-secondary uppercase font-semibold">Statistik & Prestasi</h6> <ul class="mt-3 space-y-1"> <li> <a href="/info/pencapaian-piagam-pelanggan" target="_blank" class="hover:text-secondary"> Pencapaian Piagam Pelanggan </a> </li> <li>  <a href="https://my.visme.co/view/6x84rv9n-statistik-pelawat-laman-web-rasmi-jabatan-meteorologi-malaysia-tahun-2025" class="hover:text-secondary"> Statistik Pelawat Laman Web </a> </li> </ul> </div> <div class="md:w-1/4"> <h6 class="text-secondary uppercase font-semibold">Pautan</h6> <ul class="mt-3 space-y-1"> <li> <a href="https://www.malaysia.gov.my/portal/index" target="_blank" class="hover:text-secondary"> myGovernment </a> </li> <li> <a href="https://www.nres.gov.my/" target="_blank" class="hover:text-secondary"> NRES </a> </li> <li> <a href="/info/data-terbuka" title="Cuaca dan Iklim" splwpk-open-data="splwpk-open-data" target="_blank" class="hover:text-secondary"> Portal Data Terbuka </a> </li> </ul> </div> <div class="md:w-1/4"> <h6 class="text-secondary uppercase font-semibold">Hubungi Kami</h6> <ul class="mt-3 space-y-1"> <li> <a href="/hubungi-kami/alamat-pejabat" class="hover:text-secondary"> Alamat Pejabat </a> </li> <li> <a href="/hubungi-kami/peta-lokasi" class="hover:text-secondary"> Peta Lokasi </a> </li> <li> <a href="/hubungi-kami/direktori-kakitangan" class="hover:text-secondary"> Direktori Kakitangan </a> </li> </ul> </div> </div> <hr class="mt-10 mb-6 opacity-10"> <div class="md:flex"> <div class="flex-1"> <div class="font-bold">Jabatan Meteorologi Malaysia</div> Jalan Sultan 46667, Petaling Jaya, Selangor. <br> Tel: (603) 79678000 | Faks: (603) 79550964 | Hotline: 1-300-22-1638 <br> <div> 2024 MET Malaysia. Semua Hakcipta Terpelihara. </div> <div class="text-xs opacity-50"> Tarikh Kemaskini: <span id="theDate"></span> </div> </div> <div class="flex space-x-2 mt-10 md:mt-0"> <a href="https://www.facebook.com/malaysiamet/" target="_blank"> <i class="fab fa-facebook-f h-8 w-8 bg-secondary hover:bg-secondary-focus rounded flex items-center justify-center"></i> </a> <a href="https://twitter.com/metmalaysia" target="_blank"> <i class="fa-brands fa-x-twitter h-8 w-8 bg-secondary hover:bg-secondary-focus rounded flex items-center justify-center"></i> </a> <a href="https://www.instagram.com/metmalaysia" target="_blank"> <i class="fab fa-instagram h-8 w-8 bg-secondary hover:bg-secondary-focus rounded flex items-center justify-center"></i> </a> <a href="https://www.youtube.com/@METMalaysia4" target="_blank"> <i class="fab fa-youtube h-8 w-8 bg-secondary hover:bg-secondary-focus rounded flex items-center justify-center"></i> </a> <a href="https://www.tiktok.com/@metmalaysia" target="_blank"> <i class="fab fa-tiktok h-8 w-8 bg-secondary hover:bg-secondary-focus rounded flex items-center justify-center"></i> </a> </div> </div> </div> </footer> </main> <script src="/js/site.js"></script> <script src="/js/lunr.js"></script> <script> setTimeout(function(){ var element = document.getElementById("wrap-main-nav"); element.classList.remove("hidden"); }, 2000); document.addEventListener('DOMContentLoaded', function() { new hcOffcanvasNav('#main-nav', { disableAt: 1280, //customToggle: '.toggle', levelTitles: true, levelTitleAsBack: true, removeOriginalNav: true, expanded: false, labelBack: 'Kembali' }); }) </script> <script> function zoomInOut(action) { if (action == 'larger') { if (document.querySelector('body').classList.contains('text-smaller')) { document.querySelector('body').classList.replace('text-smaller','text-larger'); } else { document.body.className='text-larger'; } } if (action == 'smaller') { if (document.querySelector('body').classList.contains('text-larger')) { document.querySelector('body').classList.replace('text-larger','text-smaller'); } else { document.body.className='text-smaller'; } } if (action == 'normal') { if(document.querySelector('body').classList.contains('text-larger')){ document.querySelector('body').classList.remove('text-larger'); } if(document.querySelector('body').classList.contains('text-smaller')){ document.querySelector('body').classList.remove('text-smaller'); } } } function grayScale() { if(document.body.style.filter == "grayscale(100%)") { document.body.style.filter = "none"; } else if (document.body.style.webkitFilter == "grayscale(100%)") { document.body.style.filter = "none"; } else { document.body.style.filter = "grayscale(100%)"; document.body.style.webkitFilter = "grayscale(100%)" } } function getUrl() { uri = window.location.pathname; host = window.location.protocol+'//'+window.location.host; document.getElementById('locale').href = host+'/en'+uri; } getUrl(); function myFilter() { // Declare variables var input, filter, table, tr, td, i, txtValue; var td; input = document.getElementById("myInput"); filter = input.value.toUpperCase(); table = document.getElementsByClassName("table"); // Loop through all table rows, and hide those who don't match the search query acc = []; for (p=0; p < table.length; p++) { currentTr = table[p].getElementsByTagName("tr"); total = 0; for (i = 0; i < currentTr.length; i++) { //console.log('count'+i); td = currentTr[i].getElementsByTagName("td")[1]; if (td) { txtValue = td.textContent || td.innerText; if (txtValue.toUpperCase().indexOf(filter) > -1) { currentTr[i].style.display = ""; total = total + 1; } else { currentTr[i].style.display = "none"; } if(total > 0) { accordian = td.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; tab = td.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; textDiv = tab.getAttribute("x-show"); splitIt = textDiv.split("'"); tabs = Array.from(document.querySelectorAll('.nav-tabs a')).find(el => el.textContent === splitIt[1]); acc[splitIt[1]] = 1; child = accordian.querySelector("span"); if(input.value != ''){ child.classList.add("text-red-700"); tabs.innerHTML = '<span class="text-red-700">'+splitIt[1]+'</span>'; } else { child.classList.remove("text-red-700"); tabs.innerHTML = splitIt[1]; } } else { accordian = td.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; child = accordian.querySelector("span"); child.classList.remove("text-red-700"); tab = td.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; textDiv = tab.getAttribute("x-show"); splitIt = textDiv.split("'"); tabs = Array.from(document.querySelectorAll('.nav-tabs a')).find(el => el.textContent === splitIt[1]); if(acc[splitIt[1]] != 1) { tabs.innerHTML = splitIt[1]; } } } } } } async function fetchTimestamp() { return await fetch('/assets/icons/833px-PDF_file_icon.svg.png').then(res => { return res.headers.get('date'); }); } (async () => { currentTimestamp = await fetchTimestamp(); let getthedate = currentTimestamp.split(" "); const months = [ 'Jan', 'Feb', 'Mac', 'Apr', 'Mei', 'Jun', 'Jul', 'Ogo', 'Sep', 'Okt', 'Nov', 'Dis' ]; theDate = new Date(currentTimestamp).toLocaleString('ms'); //utcDate = new Date(currentTimestamp.getTime() + currentTimestamp.getTimezoneOffset() * 60000) theDate = theDate.split(", "); theDate = theDate[0].split("/"); if (theDate[1] == '1') theDateMonth = 0; if (theDate[1] == '2') theDateMonth = 1; if (theDate[1] == '3') theDateMonth = 2; if (theDate[1] == '4') theDateMonth = 3; if (theDate[1] == '5') theDateMonth = 4; if (theDate[1] == '6') theDateMonth = 5; if (theDate[1] == '7') theDateMonth = 6; if (theDate[1] == '8') theDateMonth = 7; if (theDate[1] == '9') theDateMonth = 8; if (theDate[1] == '10') theDateMonth = 9; if (theDate[1] == '11') theDateMonth = 10; if (theDate[1] == '12') theDateMonth = 11; let stringDate = theDate[0] + ' ' + months[theDateMonth] + ' ' + theDate[2]; document.getElementById("theDate").textContent = stringDate; console.log(stringDate); })(); function getAllImg() { img = document.getElementsByTagName('img'); for(i=0; i < img.length; i++) { oriSrc = img[i].src; //console.log(img[i].src); nocache = (new Date()).getTime(); // console.log(img[i].src+'?nocache'+nocache) newSrc = oriSrc+'?nocache='+nocache; img[i].src=newSrc; } } getAllImg(); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-V6YZ3KD467"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-V6YZ3KD467'); </script> </body> </html>

CINXE.COM

METMalaysia - Berita Meteorologi