Timer count up non réinitialisé au reload
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:
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> |
