Compte a rebours javascript avec liaison sql ?
LeaDerzRS6
Messages postés
59
Statut
Membre
-
LeaDerzRS6 Messages postés 59 Statut Membre -
LeaDerzRS6 Messages postés 59 Statut Membre -
Bonjour,
Je voudrais faire un systeme en jquery et mysql que toutes les heures la personnes clique sur un bouton et lui donne une " recompense " ensuite le compte a rebours se reinitialise puis un si de suite mais je ne sais pas par ou commencer auriez vous un exemple pour m'aider merci
exemple : compter a rebour = 1h
recompense = 10 points
sql = verifier si l'utilisateur a deja cliquer ou pas
au bout de une heure il clique sur recevoir ma recompense et obtient 10 points puis le compteur se remet a 1h puis le script tournerai en boucle merci d'avance.
Je voudrais faire un systeme en jquery et mysql que toutes les heures la personnes clique sur un bouton et lui donne une " recompense " ensuite le compte a rebours se reinitialise puis un si de suite mais je ne sais pas par ou commencer auriez vous un exemple pour m'aider merci
exemple : compter a rebour = 1h
recompense = 10 points
sql = verifier si l'utilisateur a deja cliquer ou pas
au bout de une heure il clique sur recevoir ma recompense et obtient 10 points puis le compteur se remet a 1h puis le script tournerai en boucle merci d'avance.
2 réponses
-
un début de réponse avec un compte à rebours
<button onclick="start()">Lancer le décompte</button>
<div id="bip" class="display"></div>
<script>
var counter = 20;
var intervalId = null;
function action()
{
clearInterval(intervalId);
document.getElementById("bip").innerHTML = "TERMINE!";
}
function bip()
{
document.getElementById("bip").innerHTML = counter + " secondes restantes";
counter--;
}
function start()
{
intervalId = setInterval(bip, 1000);
setTimeout(action, counter * 1000);
}
</script>
à tester sur --> codepen.io/pen (par exemple)
sources --> https://www.xul.fr/ecmascript/settimeout.php -
Bonjour,
Côté javascript il te faudra utiliser une fonction comme
settimeout ou setinterval pour déclencher la "boucle"
- https://www.toutjavascript.com/reference/ref-window.settimeout.php
- https://www.toutjavascript.com/reference/ref-window.setinterval.php
Ensuite, pour ce qui est de faire la lisaion avec la base de données.... là il te faudra utiliser de l'ajax. (mélange de javascript + script côté serveur en php par exemple).
Voici un exemple complet de script ajax. ( à adapter à ton besoin bien entendu)
https://forums.commentcamarche.net/forum/affich-33258760-remplir-un-formulaire-dynamiquement-en-fonction-d-une-combobox#2
+Un peu de lecture sur la fonction "ajax" en jquery : https://api.jquery.com/jQuery.ajax/
