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>