Meteo pentru mai multe orase ~ Blogul lui Petre VitanBlogul lui Petre-Vitan

👁️ Previzualizare Widget:
📋 Cod Sursă 21 Locații pentru Blogspot:
<!-- BANĂ METEO INDEPENDENTĂ INTELIGENTĂ - 21 LOCAȚII -->
<div class='clasa-meteo-custom'></div>

<style>
.meteo-container-injectat { 
    width: 100% !important; 
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    background: transparent !important; 
    border: none !important;
    box-shadow: none !important;
    padding: 8px 10px 10px 10px !important; 
    margin: 0 !important; 
    font-family: Verdana, Times, serif;
    color: #999999; 
    box-sizing: border-box; 
    transition: all 0.3s ease-in-out !important;
}
.meteo-container-injectat:hover {
    box-shadow: 0 4px 15px rgba(4, 230, 255, 0.45) !important;
}
.meteo-continut-flexibil {
    display: flex !important;
    width: 100% !important;
    max-width: 1200px; 
    justify-content: space-between !important; 
    align-items: center !important; 
}
.meteo-selector-oras {
    background: transparent !important;
    color: #03d16a !important;
    font-family: Verdana, sans-serif !important;
    font-size: 11px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: 1px dashed rgba(3, 209, 106, 0.3) !important;
    padding: 2px 5px !important;
    cursor: pointer !important;
    outline: none !important;
    border-radius: 3px !important;
}
.meteo-selector-oras option {
    background: #111 !important;
    color: #fff !important;
}
.meteo-grup-temperatura {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}
.meteo-linie-separatoare {
    width: 1px !important;
    height: 14px !important;
    background-color: rgba(255, 255, 255, 0.15) !important; 
    margin: 0 10px !important;
    display: inline-block !important;
}
</style>

<script>
var dateOraseMeteo = {
    "alba_iulia": { nume: "🏰 Alba Iulia", modTermic: -2, ploaieBaza: 12 },
    "arad": { nume: "🏛️ Arad", modTermic: 0, ploaieBaza: 10 },
    "bacau": { nume: "✈️ Bacău", modTermic: -1, ploaieBaza: 11 },
    "baia_mare": { nume: "🌲 Baia Mare", modTermic: -3, ploaieBaza: 18 },
    "brasov": { nume: "⛰️ Brașov", modTermic: -4, ploaieBaza: 16 },
    "bucuresti": { nume: "🏛️ București", modTermic: 0, ploaieBaza: 5 },
    "buzau": { nume: "🍇 Buzău", modTermic: 0, ploaieBaza: 8 },
    "cluj": { nume: "🎓 Cluj-Napoca", modTermic: -3, ploaieBaza: 15 },
    "constanta": { nume: "🌊 Constanța", modTermic: -1, ploaieBaza: 4 },
    "craiova": { nume: "🦁 Craiova", modTermic: 1, ploaieBaza: 7 },
    "galati": { nume: "⚓ Galați", modTermic: 0, ploaieBaza: 9 },
    "iasi": { nume: "⛪ Iași", modTermic: -2, ploaieBaza: 12 },
    "oradea": { nume: "☕ Oradea", modTermic: -1, ploaieBaza: 14 },
    "pitesti": { nume: "🚗 Pitești", modTermic: -1, ploaieBaza: 10 },
    "ploiesti": { nume: "🔥 Ploiești", modTermic: 0, ploaieBaza: 9 },
    "sibiu": { nume: "👀 Sibiu", modTermic: -3, ploaieBaza: 14 },
    "suceava": { nume: "👑 Suceava", modTermic: -4, ploaieBaza: 15 },
    "targu_mures": { nume: "🎭 Târgu Mureș", modTermic: -3, ploaieBaza: 13 },
    "timisoara": { nume: "🎨 Timișoara", modTermic: 1, ploaieBaza: 11 },
    "valcea": { nume: "💧 Râmnicu Vâlcea", modTermic: -1, ploaieBaza: 12 },
    "varful_omu": { nume: "❄️ Vârful Omu", modTermic: -18, ploaieBaza: 40 }
};

function genereazaMeteoBucurestiInteligent(orasCheie) {
    var orasCurent = orasCheie || "bucuresti";
    var acum = new Date();
    var ora = acum.getHours();
    var luna = acum.getMonth();
    var orasSelectat = dateOraseMeteo[orasCurent];
    
    var tempBazaMin = 16; var tempBazaMax = 28; var stareaVremiiText = "cer senin"; var iconHTML = "☀️";
    var sansePloaie = orasSelectat.ploaieBaza;

    if (luna >= 5 && luna <= 8) { 
        tempBazaMin = 20; tempBazaMax = 34; stareaVremiiText = "însorit"; iconHTML = "☀️"; sansePloaie = Math.max(0, sansePloaie - 5);
    } else if (luna >= 9 && luna <= 10) { 
        tempBazaMin = 7; tempBazaMax = 18; stareaVremiiText = "parțial noros"; iconHTML = "⛅"; sansePloaie = sansePloaie + 25;
    } else if (luna === 11 || luna <= 1) { 
        tempBazaMin = -4; tempBazaMax = 4; stareaVremiiText = "condiții de ninsoare"; iconHTML = "❄️"; sansePloaie = sansePloaie + 35;
    } else { 
        tempBazaMin = 16; tempBazaMax = 28; stareaVremiiText = "cer senin"; iconHTML = "☀️"; sansePloaie = sansePloaie + 5;
    }
    
    tempBazaMin += orasSelectat.modTermic;
    tempBazaMax += orasSelectat.modTermic;

    var tempCalculata = tempBazaMin;
    if (ora >= 5 && ora <= 14) {
        tempCalculata = tempBazaMin + Math.round((tempBazaMax - tempBazaMin) * ((ora - 5) / 9));
    } else if (ora > 14 && ora <= 17) {
        tempCalculata = tempBazaMax - (ora === 17 ? 1 : 0);
    } else if (ora > 17 && ora <= 23) {
        tempCalculata = (tempBazaMax - 1) - Math.round(((tempBazaMax - 1) - tempBazaMin) * ((ora - 17) / 6));
    } else {
        tempCalculata = tempBazaMin;
    }

    if (ora >= 21 || ora < 5) {
        iconHTML = (luna === 11 || luna <= 1 || orasCurent === "varful_omu") ? "❄️" : "🌙";
        if (luna !== 11 && luna > 1 && orasCurent !== "varful_omu") stareaVremiiText = "senin";
    }

    if (orasCurent === "varful_omu") {
        if (tempCalculata <= 2) { stareaVremiiText = "lapoviță și ninsoare"; iconHTML = "❄️"; }
        else { stareaVremiiText = "vânt și nori alternanți"; iconHTML = "⛅"; }
    } else {
        if (tempCalculata >= 33) { stareaVremiiText = "caniculă"; sansePloaie = 0; }
    }

    var semnTemperatura = tempCalculata > 0 ? "+" : "";
    var textTemperaturaComplet = semnTemperatura + tempCalculata + '°C (' + stareaVremiiText + ')';
    var textMin = (tempBazaMin > 0 ? "+" : "") + tempBazaMin;
    var textMax = (tempBazaMax > 0 ? "+" : "") + tempBazaMax;

    var selectHTML = '<select class="meteo-selector-oras" onchange="genereazaMeteoBucurestiInteligent(this.value)">';
    for (var cheie in dateOraseMeteo) {
        var opțiuneSelectată = (cheie === orasCurent) ? ' selected' : '';
        selectHTML += '<option value="' + cheie + '"' + opțiuneSelectată + '>' + dateOraseMeteo[cheie].nume + '</option>';
    }
    selectHTML += '</select>';

    var structuraFinalaHTML = 
        '<div class="meteo-container-injectat">' +
            '<div class="meteo-continut-flexibil">' +
                '<div>' + selectHTML + '</div>' +
                '<div class="meteo-linie-separatoare"></div>' +
                '<div class="meteo-grup-temperatura">' +
                    '<span style="font-size:16px;">' + iconHTML + '</span> ' +
                    '<span style="font-size:12px; font-weight:bold;">' + textTemperaturaComplet + '</span>' +
                '</div>' +
                '<div class="meteo-linie-separatoare"></div>' +
                '<div style="font-size:11px;">' +
                    'Min: <span style="color:#a1d99b;">' + textMin + '°</span> / ' +
                    'Max: <span style="color:#ff9e9e;">' + textMax + '°</span>' +
                '</div>' +
                '<div class="meteo-linie-separatoare"></div>' +
                '<div style="font-size:11px;">' +
                    '💧 Șanse ploaie: <b>' + Math.min(100, sansePloaie) + '%</b>' +
                '</div>' +
            '</div>' +
        '</div>';

    var elementeMeteo = document.querySelectorAll('.clasa-meteo-custom');
    for (var j = 0; j < elementeMeteo.length; j++) {
        elementeMeteo[j].innerHTML = structuraFinalaHTML;
    }
}
genereazaMeteoBucurestiInteligent("bucuresti");
</script>
Meteo pentru mai multe orase

Niciun comentariu:

Trimiteți un comentariu

Articole aleatorii

De unde avem vizite?

Arhivă blog

Bine de stiut

Meteo
