Timer count up non réinitialisé au reload

**cyberlp** · 17/04/2018, 20h31

Bonjour,

Je cherche à mettre en place un timer tout simple qui s'incrémente et ne se réinitialise pas à la fermeture de la page.

Le code suivant marche parfaitement, par contre comment insérer un bouton de pause et de lecture ?

Merci !

Code html :

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
 
<head>
<script type="text/javascript">
var countDownDate = localStorage.getItem('startDate');
if (countDownDate) {
    countDownDate = new Date(countDownDate);
} else {
    countDownDate = new Date();
    localStorage.setItem('startDate', countDownDate);
}
var x = setInterval(function() {
    var now = new Date().getTime();
    var distance = now - countDownDate.getTime();
    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
    document.getElementById("time").innerHTML = hours + "h " + minutes + "m " + seconds + "s ";
}, 1000);
</script>
</head>
<body>
<div id="time"></div>
</body>

**mathieu** · 17/04/2018, 22h20

si le compteur est en pause, cela veut dire que c'est la valeur de "distance" qui est fixée.
donc vous pouvez stocker cette valeur dans "localStorage".

**cyberlp** · 17/04/2018, 22h44

Pardon mais je ne sais pas du tout faire

J'ai copié/collé le script ci-dessus, autant je m'y connais en php mais en javascript, pas grand-chose...
Comment je traduis cela en code?

Timer count up non réinitialisé au reload

JavaScript

Discussions similaires

Partager

Partager