Horloge texte en javascript

Résolu

azerty -
azerty - 31 août 2010 à 00:16

Bonjour,

Je souhaiterais savoir si il est possible de faire une horloge texte javascript un peu comme

<?php
$heure = date("H");
$minute = date("i");

echo "$heure : $minute";?>

sauf que du coup elle s'actualiserais sans qu'on ai besoin de changer de page ou de rafraichir.

Merci a ceux qui prendront le temps de lire mon post :)

Afficher la suite

A voir également:

Horloge texte en javascript
Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
Transcription audio en texte word gratuit - Guide
Horloge en ligne aesthetic - Télécharger - Thèmes & Fonds d'écran
Appli horloge - Télécharger - Guide Android
Excel cellule couleur si condition texte - Guide

10 réponses

Réponse 1 / 10

avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention 4 507

<script type="text/javascript">
var clockDiv = document.createElement('div');
document.body.appendChild(clockDiv);

function updateTime() {
	var cTime = new Date();
	clockDiv.innerHTML = cTime.getHours()+':'+cTime.getMinutes()+':'+cTime.getSeconds();
	setTimeout(function() {
		updateTime();
	}, 1000);
}

updateTime();
</script>

Réponse 2 / 10

avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention 4 507

Un objet Javascrit ne s'affiche pas.
Le code que je t'ai donné génère déjà un div, qui lui, peut être positionné.

<script type="text/javascript">
var clockDiv = document.createElement('div');
clockDiv.setAttribute('id','horloge');
document.body.appendChild(clockDiv);

function updateTime() {
	var cTime = new Date();
	clockDiv.innerHTML = cTime.getHours()+':'+cTime.getMinutes()+':'+cTime.getSeconds();
	setTimeout(function() {
		updateTime();
	}, 1000);
}

updateTime();
</script>

Dans ton CSS, tu pourras styler #horloge

Réponse 3 / 10

avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention 4 507

Voilà :

<script type="text/javascript">
var clockDiv = document.createElement('div');
clockDiv.setAttribute('id','horloge');
document.body.appendChild(clockDiv);

function updateTime() {
	var cTime = new Date();
	
	var hours = cTime.getHours();
	if(hours < 10) {
		hours = "0"+hours;
	}
	
	var minutes = cTime.getMinutes();
	if(minutes < 10) {
		minutes = "0"+minutes;
	}
	
	var seconds = cTime.getSeconds();
	if(seconds < 10) {
		seconds = "0"+seconds;
	}
	clockDiv.innerHTML = hours+':'+minutes+':'+seconds;
	setTimeout(function() {
		updateTime();
	}, 1000);
}

updateTime();
</script>

Réponse 4 / 10

Zep3k!GnO Messages postés 2025 Date d'inscription Statut Membre Dernière intervention 200

grace aux fonctions de " datetime " : https://qhmit.com
couplé avec un timer pour rappeler ta fonction toutes les secondes.

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 10

azerty

C'est exactement ce que je voulais! je vais essayer de l'intégrer correctement à ma page ce soir.

merci beaucoup

Réponse 6 / 10

azerty

C'est exactement ce que je voulais! je vais essayer de l'intégrer correctement à ma page ce soir.

Merci beaucoup

Réponse 7 / 10

azerty

Rebonjour,

J'ai essayé de positionner l'horloge javascript au dessus d'un fond que j'avais mis pour celle en php.
Mais je n'y arrive pas, j'ai mis le fond dans un <div> et l'horloge dans un autre <div> mais quand j'essaye de les positionné de manière absolue avec le css il n'y a que le fond qui bouge, l'horloge javascript ne bouge pas.

J'ai pourtant fait le test en insérant du texte en html dans le div ou se trouve l'horloge et le texte bouge normalement lui.

Et il possible de positionner de manière absolue un objet javascript à volonté?

Réponse 8 / 10

azerty

J'ai réussi a repérer le div "horloge" dans ma page en le mettant en gros et en rouge :D

Par contre ya t-il un moyen pour le créer dans un autre div?

Je t'explique ma situation j'ai une side barre sur mon site qui est dans un div dans cette side barre il ya un div reservé pour la montre.

Or là le div crée par le javascript est crée tout seul a l'extérieur des autres div du coup il apparait tout en haut de ma page et toute ma page se décale quand jessaye de le déplacer.

merci de ton aide

Réponse 9 / 10

azerty

Ca y est j'ai réussi a obtenir ce que je voulais!

Seul problème l'horloge n'affiche pas les zéro pour les nombre inférieur a 10,

Du coup j'ai essayé de modifié le code en m'inspirant de ce tuto

https://openclassrooms.com/fr/courses

mais je suis semble t-il définitivement irrécupérable en javascript

Réponse 10 / 10

azerty

merci de ta patience ça marche exactement comme il faut

Discussions similaires

Formule Excel : "SI" une cellule contient un mot, alors ?

Votre réponse

Discussions similaires