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.