Bonjour,

J'ai un bouton et une div. Lorsque je clique sur le bouton (Timer), un compteur s'enclenche dans la div :

https://jsfiddle.net/3dc6p4w7/1/

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<button id="Timer">Timer</button>
<button id="Number">Number</button>
<br><br>
<br><br>
<div id="myNote" value="1" >1</div>

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$('#Timer').on('click',function(e) {
	increment(1);
 $('#myNote').show(); 
});
 
function increment(i) {
  $('#myNote').text(i);
	if(i < 10000) {
  	setTimeout(function() {
  		increment((i+1));
    }, 100);
	}
} 
 
 $('#Number').on('click',function() {
	 $('#myNote').text("TEXTE");
});
J'ai un deuxième bouton (Number) qui affiche un texte dans la div lorsqu'on on y clique dessus.

Je voudrai donc qu'en cliquant sur le deuxième bouton, après avoir cliqué sur le premier bouton, le compteur s'arrête et le texte s'affiche de façon permanente.

En d'autre termes, comment puis-je faire pour arrêter l'action du premier bouton et lancer l'action du deuxième.

Merci de votre aide,

Arsène