Compte a rebours javascript avec liaison sql ?

Fermé
LeaDerzRS6 Messages postés 55 Date d'inscription mercredi 2 juillet 2014 Statut Membre Dernière intervention 23 octobre 2016 - Modifié par LeaDerzRS6 le 25/06/2016 à 18:45
LeaDerzRS6 Messages postés 55 Date d'inscription mercredi 2 juillet 2014 Statut Membre Dernière intervention 23 octobre 2016 - 26 juin 2016 à 11:53
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.
A voir également:

2 réponses

leito666 Messages postés 74 Date d'inscription mercredi 18 avril 2012 Statut Membre Dernière intervention 15 octobre 2017
25 juin 2016 à 21:53
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
0
LeaDerzRS6 Messages postés 55 Date d'inscription mercredi 2 juillet 2014 Statut Membre Dernière intervention 23 octobre 2016
26 juin 2016 à 11:53
merci du script :)
0
jordane45 Messages postés 38459 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 3 avril 2025 4 740
26 juin 2016 à 01:58
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/




0
LeaDerzRS6 Messages postés 55 Date d'inscription mercredi 2 juillet 2014 Statut Membre Dernière intervention 23 octobre 2016
26 juin 2016 à 11:53
Merci je vais regarder tout sa
0