Compte a rebours javascript avec liaison sql ?

LeaDerzRS6 Messages postés 55 Date d'inscription   Statut Membre Dernière intervention   -  
LeaDerzRS6 Messages postés 55 Date d'inscription   Statut Membre Dernière intervention   -
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.

2 réponses

Réponse 1 / 2
leito666 Messages postés 74 Date d'inscription   Statut Membre Dernière intervention  
 
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   Statut Membre Dernière intervention  
 
merci du script :)
0
Réponse 2 / 2
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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   Statut Membre Dernière intervention  
 
Merci je vais regarder tout sa
0