Persister une variable JS après actualisation
Spovly
Messages postés
3
Date d'inscription
Statut
Membre
Dernière intervention
-
SioGabx Messages postés 265 Date d'inscription Statut Membre Dernière intervention -
SioGabx Messages postés 265 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'aimerais créer un bouton où l'on indique le temps en seconde qui définie le temps entre chaque actualisation de la page.
Mon problème est que lorsque je rentre le temps, il est bien intégré à ma variable mais lorsque la page s'actualise donc la donnée se perd.
Comment je peux faire en sorte que cette donnée soit gardé dans le temps ?
Mon code :
PS : Je suis ARCHI débutant dans le domaine du dev, donc si vous pouviez m'aider ça serait super
J'aimerais créer un bouton où l'on indique le temps en seconde qui définie le temps entre chaque actualisation de la page.
Mon problème est que lorsque je rentre le temps, il est bien intégré à ma variable mais lorsque la page s'actualise donc la donnée se perd.
Comment je peux faire en sorte que cette donnée soit gardé dans le temps ?
Mon code :
<form> <input type="number" id="time" size="20" name ="time"> <button onclick="Refresh()">Valider</button> <script type="text/JavaScript"> function Refresh(){ var time = document.getElementById("time").value + "000"; if (time >= 1000){ var temps = time; }else{ var temps = 10000; alert("Le temps doit etre superieur ou egale a 1 !"); } } javascript:(function() { function refresh() { window.location.reload(true);} setTimeout(refresh, tempsreel); })() </script>
PS : Je suis ARCHI débutant dans le domaine du dev, donc si vous pouviez m'aider ça serait super
EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici : ICI Merci d'y penser dans tes prochains messages. |
A voir également:
- Persister une variable JS après actualisation
- Js/packed.agent.n ✓ - Forum Virus
- Actualisation score snap - Forum Snapchat
- Variable d'environnement temp - Forum Word
- Vba range avec variable ✓ - Forum VB / VBA
- Arrondi js ✓ - Forum Windows
1 réponse
Bonjour,
Tu peux tojours la stocker dans un cookie
ou les api Web Storage et IndexedDB
https://developer.mozilla.org/fr/docs/Apprendre/JavaScript/Client-side_web_APIs/Client-side_storage
.
Tu peux tojours la stocker dans un cookie
ou les api Web Storage et IndexedDB
https://developer.mozilla.org/fr/docs/Apprendre/JavaScript/Client-side_web_APIs/Client-side_storage
.
Sur ton lien, la catégorie "Les données persistent!" c'est ca que je veux faire.
Mais est-ce possible qu'a la place de :
Je mette ma variable :
Ou un truc du style ?
localStorage.setItem permet de définir la variable à stocker et sa valeur. Cela l'ajoute si elle n'existe pas, change la valeur si elle existe.
explication détaillée même si tout est dit: https://www.w3schools.com/html/html5_webstorage.asp
sinon l'autre solution possible(outre les cookies) serais d'utiliser un formulaire et de transférer en GET (dans l'URL comme ceci www.monsite.fr?name=chris ) pour la récupérer si elle existe au chargement/rechargement de la page.
C'est plus limité en stockage et visible dans l'URL et un peu moins pratique pour la récupérer.
Par définition JavaScript est relié à la page donc pas de persistance de donnée dés que la page disparaît. C'est pour ça qu'il faut bricoler.
Le div est simplement pour voir si la valeur se prend bien et c'est le cas. Dans l'url de ma page on a bien quelque chose qui s'ajoute du style "www.monsite.fr?time=2" lorsque je rentre la valeur 2.
As-tu quelque chose de plus pour m'aider à bricoler ? :'(
Tu as deux fois la fonction "Refresh" dans ton document.
De plus, ici : tu n'as pas besoin de mettre de " ' " dans la deuxième "case" car c'est une variable et pour plus de clarté ton cookie ne l'enregistre pas avec le même nom que ta variable, on obtient donc :
Et aussi en HTML5 on ne met plus mais