Bonjour,
J'ai deux codes :
- affiche un compte à rebours avec actualisation d'un iframe définit après 2 minutes
- affiche l'heure
Et je n'arrive pas à les faire cohabiter, l'heure prend le dessus sur le compte à rebours...
Voici mes codes...
Codes pour l'heure
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30 function date_heure(id) { date = new Date; annee = date.getFullYear(); moi = date.getMonth(); mois = new Array('Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'); j = date.getDate(); jour = date.getDay(); jours = new Array('Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'); h = date.getHours(); if(h<10) { h = "0"+h; } m = date.getMinutes(); if(m<10) { m = "0"+m; } s = date.getSeconds(); if(s<10) { s = "0"+s; } // resultat = 'Nous sommes le '+jours[jour]+' '+j+' '+mois[moi]+' '+annee+' Il est '+h+':'+m+':'+s; resultat = h+':'+m+':'+s; document.getElementById(id).innerHTML = resultat; setTimeout('date_heure("'+id+'");','1000'); return true; }
Code : Sélectionner tout - Visualiser dans une fenêtre à part <script type="text/javascript">window.onload = date_heure('date_heure');</script>
Codes pour le compte à rebours et l'actualisation de l'iframe
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47 <script type="text/javascript"> // ------------------------ window.onload=function() { var reload_delay = 1000 * 1 * 121; // toutes les 2 minutes launch_count_down(reload_delay); // lance le compte à rebour window.setInterval(function() { window.frames.Example2.location.reload() window.frames.messagei.location.reload() }, reload_delay); }; // ------------------------ function launch_count_down(count_down_delay) { // Compte à rebours var count_down_div = document.getElementById("count_down_div"); var count_down = 0; var count_delay = 1000; // a chaque seconde count_down_div.textContent = "Actualisation de l'écran dans " + heures_minutes_secondes((count_down_delay) / 1000)+"''"; window.setInterval(function() { count_down += count_delay; count_down_div.textContent = "Actualisation de l'écran dans " + heures_minutes_secondes((count_down_delay - count_down) / 1000)+"''"; if( count_down == count_down_delay ){ count_down = 0; // on réinitalise } }, count_delay); } // ------------------------ function heures_minutes_secondes(secondes) { var temps = new Date(); temps.setTime(secondes * 1000); if (secondes > 60 * 60) { // supérieur à 1 heure return ( temps.getHours() - 1 + ":" + temps.getMinutes() + "' " + temps.getSeconds() ); } else { return temps.getMinutes() + "' " +temps.getSeconds(); } } </script>Ma question, est-il possible d'afficher les deux en même temps sur la même page...
Code : Sélectionner tout - Visualiser dans une fenêtre à part <div style="background-color:#000000; font-family:Calibri, sans-serif; color:#A6A6A6; font-size:10.0pt;font-style:italic; text-align:left;" id="count_down_div"></div>
Ps : séparément, les deux fonctionnent très bien.
Merci d'avance
Partager