Hvordan endre en Ajax Countdown Side

Hvordan endre en Ajax Countdown Side


Nedtelling programmer kan spille en viktig rolle i noen nettsteder, spesielt når formålet med disse nettstedene er å fremme en stor begivenhet eller betydelig ferie, for eksempel en nyttårsfeiring. Ajax er den foretrukne teknologien for denne type prosjekt fordi det kan levere med finesse, med sin high-end, interoperable søknad verktøy, for eksempel jQuery. Kombinert, disse to teknologiene kan skape et intuitivt og modifiser nedtellingen side på hvilken som helst nettside.

Bruksanvisning

1 Lim inn jQuery biblioteket i <HEAD> -delen av nettsiden din:

<Script type = "text / javascript" src = "jquery.countdown.js"> </ script>

Du kan også få den pakket eller mini versjon av jQuery script som et alternativ.

3 Lim inn følgende kode for å koble nedtellingen funksjonalitet til prosjektet:

$ (Velger) .countdown ({inntil: liftoffTime});

For ytterligere å forbedre nedtellingstiden, kan du sette inn egendefinerte innstillinger som vist nedenfor:

$ (Velger) .countdown ({inntil: liftoffTime, format: 'DHM'});

4 Påfør koden nedenfor til å endre måten på hvordan nedtelling siden vil beregne og vise datoen. I stedet for å telle ned til en fremtidig dato / tid, kan du ha din timeren teller opp fra en tidligere dato / tid i stedet. Den eneste forskjellen er at det ikke er noen utløps arrangement i denne metoden:

$ ( '# SinceCountdown') nedtelling ({siden. StartYear,

format: 'YOWDHMS', description: 'Since New Year'});

5 Sett inn følgende kode for å endre visningen av nedtellingen nettsiden til en kompakt versjon:

$ ( '# SinceCompact') nedtelling ({siden. StartYear, kompakt: true,

format: 'YOWDHMS', description: ''});

Dette vil gi deg en skjerm som ligner på dette:

0y 7m 0W 0d 10:09:25

Hint

  • Ajax er lett å lære fordi det er mange effektive opplæringsprogrammer for å studere på Internett. Du kan også delta i diskusjonsfora for å ytterligere øke kunnskapene dine ved å søke ekspertråd fra erfarne brukere.