Hirdetés

Keresés

Új hozzászólás Aktív témák

  • nevemfel
    senior tag

    Sziasztok! Egy nagyon kis primitív dologban szeretnék segítséget kérni.
    Csináltam egy digitális órát, ahol az idő múlása szerint jelenik meg nappal egy nap ikon, éjjel egy hold ikon.
    Ez működik is.

    Pluszban hozzá akartam adni, hogy a háttérkép is változzon. 4 db kép van, éjjel kettő csillagos fotó váltakozik 30 másodpercenként, nappal szintén kettő 30 mp-enként.

    A háttérképeket a hold és nap ikonhoz kötöttem, hogy a nappal-éjjel váltakozás eszerint menjen.
    A 30 másodpercenkénti váltakozás működik is, viszont a nappal-éjjel dolog már nem. Mindig az a két kép váltja egymást, amik itt sorrendben az utolsók, tehát jelenleg az image3 és image4 váltakoznak, de ha megcserélem és berakom őket felülre, akkor az 1 és 2 lesznek csak.

    if(sun.style.display = "block" && sec < 30 ){
    document.body.style.backgroundImage = "url(image1.jpg')"}

    if(sun.style.display = "block" && sec > 30 ){
    document.body.style.backgroundImage = "url(image2.jpg')"}

    if(moon.style.display = "block" && sec < 30){
    document.body.style.backgroundImage = "url(image3.jpg')"}

    if(moon.style.display = "block" && sec > 30){
    document.body.style.backgroundImage = "url(image4.jpg')"}

    A nap-hold ikonok megjelenítése (ez stimmel) :

    if(hrs >= 7 && hrs < 19){
    moon.style.display ="none";
    sun.style.display = "block"}

    if(hrs >= 19 || hrs < 7){
    sun.style.display ="none";
    moon.style.display = "block"; }

    if(sun.style.display = "block" && sec < 30 ){

    helyett

    if(sun.style.display === "block" && sec < 30 ){

    és így tovább.

  • nevemfel
    senior tag

    Köszönöm a tippeket!
    @Taci igen erre én is gondoltam, csak talán lenne erre rövidebb kód is, nem?
    @nevemfel igen igen, ez világos, csak nem értem, ezt hogy kéne a buttonhoz hozzárendelni? Valahogy nem jött össze nekem még a dolog( igaz eddig csak olyasmiket csináltam, ahol a gomb egy CSS tulajdonságot változtatott, pl animációt indított el stb. )

    Csinálsz egy objektumot, nyelvenként, belerakod a különféle feliratokat, aztán azt használod amelyik az aktuálisan kiválasztott nyelv.

    Hét napjai, hónapok elnevezését még ki tudod nyerni a Date és a localization API-ból, de hogyan fordítasz le bármilyen más feliratot?

  • Taci
    addikt

    Köszönöm a tippeket!
    @Taci igen erre én is gondoltam, csak talán lenne erre rövidebb kód is, nem?
    @nevemfel igen igen, ez világos, csak nem értem, ezt hogy kéne a buttonhoz hozzárendelni? Valahogy nem jött össze nekem még a dolog( igaz eddig csak olyasmiket csináltam, ahol a gomb egy CSS tulajdonságot változtatott, pl animációt indított el stb. )

    Rakj össze JSFiddle-ben egy példát, úgy könnyebb lesz, mert azt tudjuk szerkeszteni, és azzal tippeket/megoldást adni.

  • nevemfel
    senior tag

    Sziasztok! A következőben szeretnék segítséget kérni:
    készítettem egy egyszerű naptárat. Szeretnék mellé tenni két-három gombot, amikre kattintva a naptár nyelve változtatható.
    Most ugye "default", tehát magyarul írja ki a hónapot/napot.

    const dayName = new Date().toLocaleString("default",{weekday:"long"}) ;
    const monthName = new Date().toLocaleString("default",{month:"long"});

    Mondjuk lenne egy német "de-DE" , egy orosz "ru-RU" stb. Már sikerült belezavarodnom, mert eddig amiket próbáltam, nem voltak jók.

    Nekem ez:

    new Date().toLocaleString("de-DE",{weekday:"long"});

    Firefoxban azt adja vissza, hogy "Dienstag".

  • Taci
    addikt

    Sziasztok! A következőben szeretnék segítséget kérni:
    készítettem egy egyszerű naptárat. Szeretnék mellé tenni két-három gombot, amikre kattintva a naptár nyelve változtatható.
    Most ugye "default", tehát magyarul írja ki a hónapot/napot.

    const dayName = new Date().toLocaleString("default",{weekday:"long"}) ;
    const monthName = new Date().toLocaleString("default",{month:"long"});

    Mondjuk lenne egy német "de-DE" , egy orosz "ru-RU" stb. Már sikerült belezavarodnom, mert eddig amiket próbáltam, nem voltak jók.

    És ha úgy csinálnád, hogy megnézed, a
    const d = new Date();
    var month = d.getMonth();
    mit ad vissza, és egy if-else vagy switch-case módszerrel úgy íratod ki, hogy
    - ha a month + 1 == 1 (a d.getMonth() 0-től 11-ig adja vissza a hónap számát)
    - és ha magyar a nyelv, akkor január a sztring,
    - ha angol, akkor January
    - stb.?

Új hozzászólás Aktív témák

Hirdetés