Titirobiss Il y a 2 mois Répondre
Merci pour ce tuto bien foutu, et que j'ai appliqué en direct sur un site en construction (que j'ai mis en lien)
Et vive Béziers !! :P
22 commentaires
Ajouter un commentaire
btsgi Il y a 2 mois Répondre
Merci Pour ce tuto magic
btsgi Il y a 2 mois Répondre
Bonjour c'est un très beau tuto, a propos de la class date il commence (0-11) au niveau de "mois".
merci
pierrot Il y a 3 mois Répondre
Super tuto! Excellent tous tes tutos
diabless6 Il y a 4 mois Répondre
Bonjour,
Très bon tuto, juste pour UTC je vais devoir repasser en boucle parce que Zzzzz :D
Moi j'avais piquer ce script sur le site d'HarryPotter pour la sortie finale :
jQuery(document).ready(function(){
var c=jQuery(".timer");
var a=new Date(2011,07,14,17,25,0,0);// 0=janvier...Aout=7 jour: dimanche->0 lundi->1
var d=Math.floor(a.getTime()/1000);
var b=Math.floor((new Date()).getTime()/1000);
var h=jQuery(".jour",c);
var e=jQuery(".heure",c);
var f=jQuery(".min",c);
var g=jQuery(".sec",c);
var i=function(){
var o=new Date();
var k=Math.floor(o.getTime()/1000);
if(b>=k){return}b=k;
var j=d-k;
if(j<0){return}var n=Math.floor(j/86400);
var m=Math.floor(j/3600)-(n*24);
var l=Math.floor(j/60)-(((n*24)+m)*60);
var p=Math.floor(j)-(((((n*24)+m)*60)+l)*60);
if(n<10){n="0"+n}if(m<10){m="0"+m}if(l<10){l="0"+l}if(p<10){p="0"+p}h.html(n);
e.html(m);f.html(l);g.html(p)};
setInterval(i,200)})();
ça y ressemble un peu, mais j'avais rien pigé à l'algo
J'avais essayé à une date donnée pas forcément 0J 0H 0M 0S mais 1J 0H 0M 0M par exemple de faire une action:
var $var = h.text(); //récupère la valeur
$("aside h1").text($var); // la place dans h1
//console.log($var);
$valeur = $("aside h1").text(); //récupère la valeur en h1 en format text
console.log($valeur);
if ( $valeur=="1" ) { $("article img").fadeOut(200); }
Mais là ça cloche, et quand le count est à 0.0.0.0 ben ça ne marchait pas aussi.
Je vais essayé avec votre script si je peux faire un évènement.
Splaze Il y a 4 mois Répondre
J'aime assez cette manière de présenter le compteur, le design et simple et épuré. Merci pour le tuto
graphz Il y a 4 mois Répondre
Salut, merci pour ce tuto super pratique.
Par contre j'ai une petite question, peut t'on stopper le décompte quand il a zéro ?
Je suis graphiste et je ne suis pas très doué
Sinon encore merci, un site a mettre dans ces favoris
don_yassine Il y a 5 mois Répondre
Merci beaucoup très pratique
doudouzeb Il y a 5 mois Répondre
Merci pour ce script qui me sers en cette fin d'année 2011;
lee Il y a 6 mois Répondre
Super tuto comme d'habitude et très utile !
Merci beaucoup
olive140 Il y a 6 mois Répondre
Cela me rappelle le site Battlefield 3
rizerzero Il y a 6 mois Répondre
bravo , encore un super pti tutoriel , c'est très bien pensé . toute fois j'aurais opté pour autre chose que du js pour avoir la date local de l'utilisateur car si par exemple le conteur affiche a la fin un lien de ddl , ou un code ou autre ca serait embêtant que les utilisateur puissent l'afficher avant la date prévu alors j'aurais opté pour une communication asynchrone avec un serveur qui me retournerait les deux dates en suite je laisserait le compteur tourner avec une fonction js , pourquoi pas une suite a ce tuto dans cette optique
encore bravo et MERCI
Babou Il y a 6 mois Répondre
Super génial, comme d'habitude !
Ca servira plus d'un, y compris moi
jerome Il y a 6 mois Répondre
Merci,
Pas de demo en live ?
Amine Il y a 6 mois Répondre
Super tuto comme tjrs merci bcpppp grafikart !!
PaulB319 Il y a 6 mois Répondre
Super tuto.
hellsingblack Il y a 6 mois Répondre
sa serait intéressant de faire le même tuto mais avec les timezones, afficher la date selon la localisation et la date system de l'utilisateur
omar berrayti Il y a 6 mois Répondre
Slùt Grafikart,,
Super tuto mercii beaucoup,,
Croyer moi ,, ce matinj j'ai commencé a reflichir comment faire cette truc,, et voila j'ai trouve la solution,,
Encore un grand merci !!
BlackDesign Il y a 6 mois Répondre
Super tuto encore une fois.
canonier Il y a 6 mois Répondre
Yeah utile ca ^^
Merci Graphikart
graphiweb Il y a 6 mois Répondre
Merci sa me seras utile pour les users qui passe sur le site pour connaitre la date de lancement
Laisser un commentaire
LegendPJ Il y a 7 jours Répondre
Merci beaucoup ! Super tuto une fois de plus