Seconde minuterie avec JQuery

Question

J'ai une fonction jquery comme ci-dessous, et affiche resualt dans span, mais quand recharger cette page masquer et montrer pendant un moment. Je ne veux pas cacher et montrer Y at-il un moyen de le faire? Parce que je l'utilise comme une minuterie. !!

<span id="timer"></span> 

<script> 

     var counter = 61; 
     var x = setInterval(function() { 

      counter = counter-1; 
      $('#timer').html(counter); 

     },1000); 

    </script> 

Answer 1

Initialement, l'intervalle de temporisation est vide.

var counter = 61; 
 
$('#timer').html(counter); // add this line 
 
var x = setInterval(function() { 
 
    counter = counter-1; 
 
    $('#timer').html(counter); 
 
},1000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span id="timer"></span>

Answer 2

Il est parce que vous définissez le code html après une seconde. Avant que setInterval ne soit déclenché, il n'y a rien de présent dans l'intervalle.

C'est ce que vous pouvez faire

var counter = 61; 
 
const timer = $("#timer"); 
 
timer.html(counter); 
 
var x = setInterval(function() { 
 
    counter = counter-1; 
 
    timer.html(counter); 
 
},1000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span id="timer"></span>

https://jsfiddle.net/vatsalpande/f1kytyhz/

Answer 3

Démarrez votre minuterie de 60sec au lieu de 61.

var counter = 60; 
 
$('#timer').html(counter); 
 
var x = setInterval(function() { 
 
    counter = counter-1; 
 
    $('#timer').html(counter); 
 
},1000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span id="timer"></span>

Initialiser votre span avec comptoir avant setInterval.

J'espère que cela vous aidera.