CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Help Javascript

eckokam
eckokam
Niveau 2
27 janvier 2013 à 20:09:54

Bonsoir je sollicite votre aide pour un ptit script qui affiche l'heure, je souhaiterais faire défiler les secondes, j'ai vu qu'il fallait utiliser setTimeout('()',1000); mais je ne sais vraiment pas où le placer !
Voici mon travail :

<html>
<head><title> Date </title>
<font color="#18CDB5" size="18" </font>
<Script language="JavaScript">
var date=new Date();
var datejour=date.getDate();
var datemois=date.getMonth();
var dateannee=date.getFullYear();
var dateheures=date.getHours();
var dateminutes=date.getMinutes();
var datesecondes=date.getSeconds();

{
if (dateheures>=5 && dateheures<=16)
{
document.write("<font color='#F4F440'>"+"BONJOUR \n"+"</font>");
}
else {
document.write("<font color='#0756B0'>"+"BONSOIR \n"+"</font>");
}
}
document.write("nous sommes le \n"+datejour);
switch (datemois)
{
case 0: document.write("\n Janvier"); break;
case 1: document.write("\n Février"); break;
case 2: document.write("\n Mars"); break;
case 3: document.write("\n Avril"); break;
case 4: document.write("\n Mai"); break;
case 5: document.write("\n Juin"); break;
case 6: document.write("\n Juillet"); break;
case 7: document.write("\n Aout"); break;
case 8: document.write("\n Septembre"); break;
case 9: document.write("\n Octobre"); break;
case 10: document.write("\n Novembre"); break;
case 11: document.write("\n Décembre"); break

}

document.write(datemois);
document.write("\n"+dateannee+"<br>");

document.write("Il est ");
document.write(dateheures+":");
document.write(dateminutes+":");
document.write(datesecondes);

</Script>
</head>
<body>
</body>
</html>

vava740
vava740
Niveau 10
27 janvier 2013 à 20:30:34

Tu as des accolades en trop dans ton code (tu dois avoir des erreurs de syntaxe dans la console), et en utilisant document.write (fonction dépréciée au passage) tu ne pourras pas modifier la date affichée à intervalle régulier.

Le principe, c'est que tu créé un élément HTML (un paragraphe par exemple) que tu récupère en JavaScript via les fonctions du DOM, et tu modifie chaque seconde son noeud de texte selon la date actuelle.

http://jsfiddle.net/RXncm/1/

Bien sûr c'est pas vraiment utile de rafraîchir l'année, le mois et le jour chaque seconde, mais ça ne pose pas problème non plus. :-)

eckokam
eckokam
Niveau 2
27 janvier 2013 à 22:30:22

Merci de ta réponse :) tu gères !!
Je vais essayer d'adapter ton code avec le miens !

vava740
vava740
Niveau 10
28 janvier 2013 à 08:25:32

De rien :)

Si jamais tu cherches à faire un retour charriot comme c'était le cas dans ton code, c'est un peu plus compliqué avec ma méthode, par contre tu peux utiliser element.innerHTML au lieu de textNode.nodeValue, ça te permettra d'y insérer des <br> et autres balises HTML à volonté si ça t'arrange (même si c'est un poil moins propre).

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Programmation
  • Création de sites web
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment