Création d'un compteur evergreen
Fermé
Pascal29992
Messages postés
95
Date d'inscription
lundi 6 novembre 2017
Statut
Membre
Dernière intervention
18 octobre 2022
-
18 déc. 2017 à 00:31
Pascal29992 Messages postés 95 Date d'inscription lundi 6 novembre 2017 Statut Membre Dernière intervention 18 octobre 2022 - 27 déc. 2017 à 22:41
Pascal29992 Messages postés 95 Date d'inscription lundi 6 novembre 2017 Statut Membre Dernière intervention 18 octobre 2022 - 27 déc. 2017 à 22:41
A voir également:
- Création d'un compteur evergreen
- Media creation tool - Télécharger - Systèmes d'exploitation
- Creation compte gmail - Guide
- Creation adresse mail - Guide
- Création compte google - Guide
- Creation compte facebook - Guide
1 réponse
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
18 déc. 2017 à 08:14
18 déc. 2017 à 08:14
Bonjour
En utilisant du setTimeout et en lisant/stockant la valeur dans un cookie en effet.
Mais si l'utilisateur vidr sin cache... Ca répartira à zero....
Le mieux alors serait de stocker dans une bdd et daller lire/enregistrer la valeur en ajax.
En utilisant du setTimeout et en lisant/stockant la valeur dans un cookie en effet.
Mais si l'utilisateur vidr sin cache... Ca répartira à zero....
Le mieux alors serait de stocker dans une bdd et daller lire/enregistrer la valeur en ajax.
24 déc. 2017 à 23:34
J'ai recopié le code de cette URL qui affiche un timer : http://ww25.pancake-malin.com/
Ce qui donne ce que j'ai inséré dans le champ du thème :
Il affiche la valeur statique mais il ne s'update pas
Il manque du code ?
Merci encore, joyeux Noël
Pascal
27 déc. 2017 à 22:41
Plus que <strong><font color="#ff0000"> <div id="clockdiv"> <span class="days"></span><div class="smalltext">jours</div> <span class="hours"></span><div class="smalltext">hrs</div> <span class="minutes"></span><div class="smalltext">mins</div> <span class="seconds"></span><div class="smalltext">secs</div> </font></strong> pour profiter de la promotion ! </div> <script type="text/javascript"> function getTimeRemaining(endtime) { var t = Date.parse(endtime) - Date.parse(new Date()); var seconds = Math.floor((t / 1000) % 60); var minutes = Math.floor((t / 1000 / 60) % 60); var hours = Math.floor((t / (1000 * 60 * 60)) % 24); var days = Math.floor(t / (1000 * 60 * 60 * 24)); return { 'total': t, 'days': days, 'hours': hours, 'minutes': minutes, 'seconds': seconds }; } function initializeClock(id, endtime) { var clock = document.getElementById(id); var daysSpan = clock.querySelector('.days'); var hoursSpan = clock.querySelector('.hours'); var minutesSpan = clock.querySelector('.minutes'); var secondsSpan = clock.querySelector('.seconds'); function updateClock() { var t = getTimeRemaining(endtime); daysSpan.innerHTML = ('0' + t.days).slice(-2); hoursSpan.innerHTML = ('0' + t.hours).slice(-2); minutesSpan.innerHTML = ('0' + t.minutes).slice(-2); secondsSpan.innerHTML = ('0' + t.seconds).slice(-2); if (t.total <= 0) { clearInterval(timeinterval); } } updateClock(); var timeinterval = setInterval(updateClock, 1000); } var timeInDays = 12; var timeInMinutes = 4; var timeInSeconds = 26; var currentTime = Date.parse(new Date()); if(document.cookie && document.cookie.match('myClock')){ var deadline = document.cookie.match(/(^|;)myClock=([^;]+)/)[2]; } else{ var deadline = new Date(currentTime + timeInDays*60*60*1000 + timeInMinutes*60*1000 + timeInSeconds*1000); document.cookie = 'myClock=' + deadline + '; path=/; domain=. https://www.tresor-ethnique.com/'; initializeClock('clockdiv', deadline); } </script>J'ai un petit problème avec ce code :
1) Il affiche le résultat avec des sauts de ligne (8 lignes) au lieu d'une
Normalement il ne devrait rien y avoir avec les balises <div> et <span>, une idée ?
2) Dans la fin du code, le but est d'utiliser un cookie pour sauvegarder la durée si l'utilisateur navigue entre les pages.
Ici le cookie est 'myClock' mais je n'ai pas bien compris comment je pouvais repérer sur mon site avec quel cookie je pouvais conserver cette valeur ?
3) Avec ce code actuel, j'imagine qu'une fois le timer à 0, il ne reviendra pas à sa valeur initiale.
Comment paramétrer un evergreen countdown timer ?
Merci :)