Modification d'un compteur pour jours/heures/etc..

**Skyth** · 09/08/2018, 16h51

Bonjour,
Je souhaite afficher ce compteur jusqu'aux jours heures minutes secondes
Modifiez le code à souhait.

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
 
<script type="text/javascript">
function rebour(tps)
{
        if (tps>0)
        {
                var heure = Math.floor(tps/3600);
                if(heure >= 24)
                {
                        var jour = Math.floor(heure/24);
                        var moins = 86400*jour;
                        var heure = heure-(24*jour);
                }
                else
                {
                        var jour = 0;
                        var moins = 0;
                }
                moins = moins+3600*heure;
                var minutes = Math.floor((tps-moins)/60);
                moins = moins + 60*minutes;
                var secondes = tps-moins;
                minutes = ((minutes < 10) ? "0" : "") + minutes;
                secondes = ((secondes < 10) ? "0" : "") + secondes;
                document.getElementById("compteRebour_affiche").innerHTML = 'Temps restant'+minutes+'m'+secondes+'s';
                var restant = tps-1;
                setTimeout("rebour("+restant+")", 1000);
        }
        else
        {
                document.getElementById("compteRebour_affiche").innerHTML = 'chargement ...';
        }
}
</script>
</head>
<body>
<div id="compteRebour_affiche"></div>
<script type="text/javascript">rebour(70);</script>

Si vous avez un code plus rapide et optimiser, je prends aussi, en vous remerciant.
P.S: Ce n'est pas le mien.

**danielhagnoul** · 09/08/2018, 18h07

Il y a plusieurs exemples sur le forum.

Mon compte à rebours, voir le blog : https://www.developpez.net/forums/bl...urs-countdown/

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<output id="countdown"></output>

Code JavaScript :

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
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/locale/fr.js"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.20/moment-timezone-with-data.min.js"></script>
<script defer src="https://danielhagnoul.developpez.com/lib/dvjh/dvjhUtilities-1.8.2.js"></script>
<script defer>
    window.addEventListener('load', ev => {
        moment.locale('fr');
 
        // compte à rebours pendant une minute et 20 secondes avec un intervalle d'une seconde
        // kCountdown( "#countdown", 1, 20, 1 );
 
        // ci-dessous, compte à rebours à partir d'une date future
        kCountdownFromDate("#countdown", 1, "2020-08-20 18:15:30");
 
        // fin code du test
 
        kIDUnique();
    }, {
        capture: false,
        passive: true,
        once: false
    });
</script>

**danielhagnoul** · 10/08/2018, 20h05

Envoyé par Skyth

Pourriez-vous modifier cette partie pour n'afficher que le minimum par exemples: 2h35s 1j19h14m9s
Et après rajouter les 0 au nombres inférieurs à 10
En vous remerciant beaucoup.

Les modifications sont très faciles à faire, exemple :

Code JavaScript :

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
/*
timer.value = "Il reste : " +
    duration.get("years") + " an(s), " +
    duration.get("months") + " mois, " +
    duration.get("days") + " jour(s), " +
    duration.get("hours") + " heure(s), " +
    duration.get("minutes") + " minute(s), " +
    duration.get("seconds") + " seconde(s)";
*/
 
const
    years = duration.get("years"),
    months = duration.get("months"),
    days = duration.get("days"),
    hours = duration.get("hours"),
    minutes = duration.get("minutes"),
    seconds = duration.get("seconds");
 
timer.value = '';
timer.value += years > 0 ? years + 'an' : '';
timer.value += months > 0 ? months + 'mois' : '';
timer.value += days > 0 ? days + 'j' : '';
timer.value += hours > 0 ? (hours > 9 ? hours + 'h' : '0' + hours + 'h') : '';
timer.value += minutes > 0 ? (minutes > 9 ? minutes + 'm' : '0' + minutes + 'm') : '';
timer.value += seconds > 0 ? (seconds > 9 ? seconds + 's' : '0' + seconds + 's') : '';