11486 sujets

JavaScript, DOM et API Web HTML5

Bonjour je suis débutant dans le développement web, je suis en train d'essayer de faire un minuteur minute/seconde en Javascript. Le souci c'est qu'il est fait sur un serveur local et je voudrais que le minuteur soit synchronisé de n'importe qu'elle machine ouvrant la page du minuteur, car pour le moment il recommence à 0 à chaque rafraîchissement de la page. Donc je cherche un moyen de pouvoir stocker la variable.

Voici mon code :


var totalSeconds; //Nombre total de secondes sur le minuteur
var temps = prompt("Entrer le temps","")*60;


function StartTimer()
{
  totalSeconds = temps; //Défini le nombre de secondes restantes
  
  setInterval("Timer_Tick()", 1000);// Démarrer le minuteur, régler pour s'éteindre toutes les secondes
  
  var seconds = totalSeconds % 60; //calculer les secondes restantes
  var secondsTens = Math.floor(seconds / 10);
  var secondsOnes = seconds % 10;
  var minutes = Math.floor(totalSeconds / 60);
  
  document.getElementById("Timer").innerHTML = "" + minutes + ":" + secondsTens + secondsOnes; //montre minuterie  
}


function Timer_Tick()
{
  if (totalSeconds > 0) // S'il reste du temps ...
  {
    totalSeconds--; // Décrémenter le nombre total de secondes
  
  var seconds = totalSeconds % 60; //Recalculer les valeurs de minuterie et afficher ensuite
  var secondsTens = Math.floor(seconds / 10);
  var secondsOnes = seconds % 10;
  var minutes = Math.floor(totalSeconds / 60);
  
  document.getElementById("Timer").innerHTML = "" + minutes + ":" + secondsTens + secondsOnes; 
  }
  else
    {

      document.getElementById("audio").play()
      alert('Fin !')
    }
}