Countdown

Reiska

Saakohan mitenkään seuraavanlaista koodia muuntamalla samalle html-sivulle kahta tai useampia eri lähtölaskentoja (eri päivämäärille)?


---------------------------------------





Sitten varsinainen scripti:








...jonka tuloste tulee tähän:






---------------------------------------

3

273

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • kirjoittaa

      koodin loppuun, periaate tämä:

      var tim, run = false;
      var then = new Date(2005,5,10,23,0,0);
      var then2 = new Date(2005,7,12,14,0,0);
      var thentime = then.getTime();
      var thentime2 = then2.getTime();

      function stopTimer() {
      if (run) clearTimeout(tim);
      run = false;
      }

      function counter() {
      var now = new Date();
      var diff = thentime - now.getTime();
      var diff2 = thentime2 - now.getTime();

      jne. loppuosan ((kentän formatoinnin) saat hoitaa itse. Monista vaikka loppuosa ja vaihda kaikki diff -> diff2 jne ja pävitä kenttätiedot.

      • ja kirjoittaisinkin

        jos osaisin :)

        Pari tuntia yritin koodia runkkailla suuntaan jos toiseen...

        Tarkoitus olisi siis saada formi vaihtamaan ajankulku toiseen countdowniin kunnes edellinen on mennyt nolliin.

        Nyt tilanne on tämä:


      • tyyppiä kömpelö,
        ja kirjoittaisinkin kirjoitti:

        jos osaisin :)

        Pari tuntia yritin koodia runkkailla suuntaan jos toiseen...

        Tarkoitus olisi siis saada formi vaihtamaan ajankulku toiseen countdowniin kunnes edellinen on mennyt nolliin.

        Nyt tilanne on tämä:

        en jaksa siistä sitä:

        function counter() {
        var now = new Date();
        var diff = thentime - now.getTime();
        var diff2 = thentime2 - now.getTime();

        var days = Math.floor(diff / 86400000);
        var dD = days * 86400000;
        var hrs = Math.floor((diff - dD) / 3600000);
        var hD = hrs * 3600000;
        var mins = Math.floor((diff - dD - hD) / 60000);
        var mD = mins * 60000;
        var secs = Math.floor((diff - dD - hD - mD) / 1000);
        var msec = Math.floor((diff - dD - hD - mD - (secs * 1000)) / 100);
        var d = "Aikaa jäljellä " days " päivää, ";
        var h = hrs " tuntia, ";
        var m = mins " minuuttia, ";
        var s = secs "." msec " sekuntia";
        document.forms[0].elements[0].value = " " d h m s;

        days = Math.floor(diff2 / 86400000);
        dD = days * 86400000;
        hrs = Math.floor((diff2 - dD) / 3600000);
        hD = hrs * 3600000;
        mins = Math.floor((diff2 - dD - hD) / 60000);
        mD = mins * 60000;
        secs = Math.floor((diff2 - dD - hD - mD) / 1000);
        msec = Math.floor((diff2 - dD - hD - mD - (secs * 1000)) / 100);
        d = "Aikaa jäljellä " days " päivää, ";
        h = hrs " tuntia, ";
        m = mins " minuuttia, ";
        s = secs "." msec " sekuntia";
        document.forms[0].elements[1].value = " " d h m s;

        tim = setTimeout("counter()", 100);
        run = true;
        }

        Sinun täytyy tietenkin luoda toinen kenttää kaavakkeeseen mihen saat laskurin toinen arvo näkyviin.

        Hauskaa kun kysytään (asiallisesti, niin kuin sinä teit, koodi mukana ja selkeä selostus mitä haluat tehdä (muussa tapauksessa en viitsisi kirjoittaa näin pitkää ja yksityiskohtaista vastausta)). Joskus on kuitenkin niin, että ei saa yrittää petkuttaa ihmisiä tekemään "suuria" työpanoksia omiin tarkoituksiin! Ellei itse pysty tekemään esim shakkipeliä omille kotisivuille, silloin täytyy joko luopua ajatuksesta tai oppia aiheesta niin paljon että kysymyksien vastaukset ovat muutaman rivin pituisia, eikä vaadita mitään toimivia suuria ohjelmakokonaisuuksia.

        Älä ota tätä henk.koht.kritiikkinä (kysy mielellään lisää jos on tarvetta). Moni muu lukee kuitenkin tätä viestiäsi, ja tuli vaan tilaisuus selittää pelisäännöt.

        Kyllä sinä itse olisit selvittänyt tämän ongelman. Jos olisit ottanut sen alkuperäisen koodipätkän, käynnyt sen rivi riviltä lävitse ja lisännyt jokaisen käskyn(rivin) jälkeen kommentin //täällä rivillä varataan tilaa muuttujalle days (kokonaisluku alaspäin pyörristettynä) millisekunneista. Aikaa olisi tietysti mennyt enemmän mutta samalla olisit oppinut paljon.

        Viimeinen neuvo: Kun joskus olet päässyt siihen pisteeseen että osaat nämä asiat, älä ryhdy ylimieliseksi ja kirjoita (niinkuin minä?) että periaattessa se menee niin tai näin, hoida itse. Asiantuntijan merkki on se että hän pystyy selittämään vaikeita asioita siten että kaikki (?) ymmärtävät mistä on kysymys.

        (PS. Se koko loppulitania tuossa koodissasi mitä sanoin että pystyt kirjoittamaan itse ei ole muuta kuin ison millisekuntilukeman (kokonaismuuttujan) muuttamista tekstimuotoon joten sitä voisi näyttää kentässä. Siksi minä pidin tätä melko vaatimattomana tehtävänä.

        Toinen täkeä asia muistaa (tai muistaa miten pikään tietokone muistaa, (nokkelasti sanottu?) jonkun muuttujan arvon: jos on globaali (määritelty kaikkien funktioden ulkopuolella) arvo muistetaan niin kauan kuin sivu on näkyvillä. Jos on lokaali (määritelty funktion sisällä) sen arvoa muistetaan ainoastaan silloin kun ollaan funktion sisällä, heti kun poistutaan arvo myös unohdetaan (kutsutaan englanniksi "scope" = "kattavuus", sama periaate koskee kaikkia ohjelmointikieliä).

        Sinun tapauksessa esim: tim, run, then, then2, jne. ovat globaalimuuttujia. now, diff, diff2 ovat lokaali muuttujia (koska ne sijaitsevat function Counter() sisäpuolella.


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Janne Ahonen E R O A A

      Taas 2 lasta jää vaille ehjää perhettä!
      Kotimaiset julkkisjuorut
      145
      2549
    2. En kai koskaan saa sinua

      Koska et usko että riitäisit minulle. Olet aina pitänyt itseäsi liian risana ja heikkona. Katkot korkeutesi, ja poraat k
      Ikävä
      154
      1649
    3. Terveystalon lääkärit ylilaskuttaneet

      Tämän pörriäiset osaavat, laskuttamisen. Terveystalo myöntää asian. https://www.hs.fi/suomi/art-2000011134269.html "K
      Maailman menoa
      133
      1623
    4. Saran ökytyyli käänsi katseita.

      On nyt kyllä Sara kasvoistaan, kuvan perusteella todellakin pyöristynyt ainakin kuvan perusteella.
      Kotimaiset julkkisjuorut
      146
      1344
    5. Nyt on aika laittaa parit selkoon.

      Onko pareja täällä. Laita kirjaimet kuka tykkää kenestäkin ?
      Ikävä
      66
      1338
    6. The Summit Suomi: Maxie avaa hyytävästä tilanteesta kuvauksissa: "Veri roiskui ja tajusi, että..."

      Oletko seurannut The Summit Suomea? Tykkäätkö vai et tai mitä mieltä ylipäätään olet sarjasta? Moni katsoja on kaikonnut
      Tv-sarjat
      13
      1170
    7. Työttömille lusmuille luvassa lisää keppiä

      Hallitus aikoo kiristää velvoitteiden laiminlyönnistä seuraavia työttömyysturvan karensseja ensi vuodesta alkaen. Hall
      Maailman menoa
      272
      1147
    8. Ootko huomannut miten

      pursuat joka puolelta. Sille joka luulee itsestään liikoja 🫵🙋🏻‍♂️
      Ikävä
      156
      976
    9. Miksi ihmeessä?

      Erika Vikman diskattiin, ei osallistu Euroviisuihin – tilalle Gettomasa ja paluun tekevä Cheek
      Ateismi
      22
      904
    10. Tiedän kaiken sinusta ja kaikesta

      Tiedän miten kärsit. Tiedän millanen oikeesti oot. Tiedän miksi valehtelit, tiedän miksi satutit mua. Tiedän mitä tapaht
      Ikävä
      58
      889
    Aihe