CreatiQ.fr

Une Communauté

Plus de 4672 membres !

S'inscrire et progresser

Devenir membre sur creatiq.fr

Une recherche ?

Créer un compte à rebours avec jQuery

Dans ce tutoriel, nous allons voir ensemble comment créer simplement et rapidement un compte à rebours avec jQuery. Des connaissances basiques en Javasript sont requises comme la déclaration variable, de fonction, rien d'extraordinaire pour le commun du mortel. Si vous avez des problèmes n'hésitez pas à télécharger le fichier source :)

8 Commentaires
leknoppix
lundi 11 avril 2011
Pourquoi ne pas faire un meta reflesh 10s?
JEi
lundi 11 avril 2011
@Leknoppix
Cette syntaxe nuit au référencement, avec du jQuery pas de soucis avec notre cher Google :)
leknoppix
lundi 11 avril 2011
@JEI: exact, après tout dépend le pourquoi de la redirection. J'aurais plutot utiliser $(location).attr('href',url); à la place du window.....
Weby
lundi 11 avril 2011
Merci, Intéressant.
Pourrais-tu poursuivre avec un tuto pour faire un compte à rebours avec les "panneau rotatifs", comme on trouve sur des sites qui annoncent un évènement (graphisme inspiré des panneaux d'informations des gares et aéroports) j-XX h -XX mn -XX … ;-)
Je pense que des plugins jQuery existent ?
JEi
lundi 11 avril 2011
@Weby
Yes pourquoi pas ^^
Weby
lundi 11 avril 2011
Yummy ^_^
totof
mercredi 13 avril 2011
J'ai juste rajouter 2 lignes au script :

une variable : var pluriel = "s";
et une condition : pluriel = (secondes > 1) ? pluriel : '';

$("#countDown").html("Redirection dans "+secondes+" seconde"+pluriel+" ");
JayG
dimanche 24 avril 2011
Salut, excellent tuto !
J'ai une question, je travail en local, je voudrai donc avoir à la place de "var url = 'www.monsite.fr' ; "
une redirection de page vers mon accueil du style :
"var href = '../public/index.php' ; "
Sais-tu si cela est possible et si oui, comment? car cela ne semble pas fonctionner..
Votre Pseudo :
Votre Email :
Votre Website :
Votre Message :