Monilla sivustoilla voit nähdä ajastimen laskevan, kunnes tietty tapahtuma tapahtuu. Tämä voi olla alennusten päättymisaika tai uusi vuoteen jäljellä oleva aika. Tällaiset ajastimet ovat loistava mainostaminen, joka stimuloi ostajien / toimittajien toimintaa, sekä hyvä interaktiivinen valikoima sivustoa.
Tarpeellinen
lähtölaskentaohjelma
Ohjeet
Vaihe 1
Aseta tällainen ajastin verkkosivustollesi lataamalla ensin ajastimen komentosarja. Määritä sitten kaksi parametria: lähtölaskenta ja vastaava kirjoitus, joka näytetään tämän päivämäärän tullessa.
Vaihe 2
Avaamalla ladatun arkiston löydät 2 tiedostoa: yksi sisältää komentosarjan countdown.js, ja toinen toimii esimerkkinä sivusta, johon tämä komentosarja liitetään - index.html. Pura ensin tiedostot arkistosta.
Vaihe 3
Voit muokata komentotiedostoa Muistiossa. Voit avata määritetyn tiedoston Muistiossa napsauttamalla sitä hiiren kakkospainikkeella. Valitse näkyviin tulevasta valikosta kohta "Avaa" ja valitse sitten "- Muistio".
Vaihe 4
Muokkaa ensimmäistä riviä tiedoston alussa: var eventstr = "Hyvää uutta vuotta!". Tämä kirjoitus näkyy laskurin lopussa. Toinen rivi, jossa on lähtölaskenta, sijaitsee tiedoston lopussa ja näyttää tältä: CountDowndmn (2011, 1, 1) muodossa vuosi, kuukausi, päivä.
Vaihe 5
Muokkaa komentosarjafragmenttia, joka sijaitsee myös tiedoston lopussa, hieman yli lähtölaskennan: countdownid.innerHTML = "+ dday +" "+ ddaystr +", "+ dhour +" "+ dhourstr +", "+ dmin + " + dminstr + "ja" + dsec + " + dsecstr.
Vaihe 6
Tallenna tuloksena oleva tiedosto ja sijoita se hakemistoon, jossa sivustosi sivu sijaitsee, johon ajastin sijoitetaan. Toisin sanoen ajastinsivutiedoston ja komentosarjatiedoston on oltava samassa hakemistossa.
Vaihe 7
Seuraavaksi aseta ajastin kätevään paikkaan sivusi koodiin 2 riviä:
DIV "center" ID = "lähtölaskenta">.
Vaihe 8
Ensimmäinen rivi vastaa ajastimen tulostuskomennosta. Toinen on liitetty luotu komentosarja.
Vaihe 9
Tarkista, että ajastimesi toimii. Jos kaikki on tehty oikein, näet lähtölaskennan oikeassa paikassa sivustosi sivulla.
