date avec Jquery

06 mai 2011, 14:00

Bonjour à tous,

J'essaye de faire afficher dans un <span id="divHeureLive"></span>, l'heure en direct.
J'ai pour le moment créer cette fonction.

Code : Tout sélectionner

/*JQUERY  */
(function($){
$.fn.donneHeure = function(){
	var date_du_jour, heure, minute,seconde;
	date_du_jour = new Date();
	heure = date_du_jour.getHours();
	minute = date_du_jour.getMinutes();
	secondes = date_du_jour.getSeconds();
	if (heure < 10)
		heure = "0"+heure;
	if (minute < 10)
		minute = "0"+minute;
	if (secondes < 10)
		secondes = "0"+secondes;
	return (heure+"h"+minute+":"+secondes);
};
		  })(jQuery);

$(document).ready(function() {
	$('#divHeureLive').everyTime(1000,function(i){$(this).text($(this).donneHeure());});
});

Cela fonctionne bien mais je voudrais rester dans l'optique Jquery avec une écriture du style

Code : Tout sélectionner

$('#divHeureLive').everyTime(1000,function(i){$(this).text().donneHeure();});

everyTime est une fonction trouvé sur le Net.

06 mai 2011, 15:30

J'ai avancé et cela marche. Je vais essayer maintenant de l'optimiser un peu. :

Code : Tout sélectionner

(function($){
	$.fn.donneHeure = function(){
		var dateDuJour, heures, minutes,secondes;
		dateDuJour = new Date();
		heures = (dateDuJour.getHours() < 10) ? "0"+dateDuJour.getHours() : dateDuJour.getHours();
		minutes = (dateDuJour.getMinutes() < 10) ? "0"+dateDuJour.getMinutes() : dateDuJour.getMinutes();
		secondes = (dateDuJour.getSeconds() < 10) ? "0"+dateDuJour.getSeconds() : dateDuJour.getSeconds();
		
		this.each(function() {
			$(this).text(heures+"h"+minutes+":"+secondes;);
						   });
		return this;
	};
		  })(jQuery);

$(document).ready(function() {
	$('#divHeureLive').everyTime(1000,function(){
		$(this).donneHeure();
	});
});

date avec Jquery

Qui est en ligne