Discussion :

[akrogames]

Bonjour à tous,

J'essaye de faire un décompte en javascript mais le problème c'est que cela bloque ma page. L'objectif pour moi est de faire un décompte infini car cela reprend toujours a zero quand cela arrive a 5. Seulement quand je lance le décompte, la page se bloque et il devient impossible de naviguer. Existe t'il un système de Thread en JS ?

Exemple de ce que je souhaite :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
0
1
2
3
4
5
0
1
2
3
4
5

Mon code bloquant :

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
18
19
20
21
22
23
24
25
26
27
28
 
<script type="text/javascript">
$(window).load(function() {
	$('#demarer').click(function() {
		rebour(10);
	});
});
 
function rebour(b) {
	$("#angleantenne").val('SYNCHRONISATION...');
        while(true) {
	for (var i=0; i<=b; i++) 
	{ 
		$("#angleantenne").val(i);
		sleep(1000);
	}
        }
}
 
function sleep(milliseconds) {
	  var start = new Date().getTime();
	  for (var i = 0; i < 1e7; i++) {
	    if ((new Date().getTime() - start) > milliseconds){
	      break;
	    }
	  }
}
</script>

Merci d'avance pour votre aide

[Invité]

salut,

regarde du coté de setInterval ou setTimeout.

[Willpower]

Comme l'a dit galerien69, la solution est setInterval(ou setTimeout) :

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
function rebour(limit) {
	this.limit = limit;
	this.current = 0;
	this.do = function(){
		$("#angleantenne").val(this.current);
		this.current = ++(this.current) % this.limit;
	};
}
 
$(window).load(function() {
	$('#demarer').click(function() {
		$("#angleantenne").val('SYNCHRONISATION...');
		var monRebour = new rebour(10);
		setInterval(function(){ monRebour.do(); },500); // 500 millisecondes pour l'exemple
	});
});

[Willpower]

allez, parce que je m'ennuie, j'ai pondu une version plus pro :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
function rebour(setter,speed,limit) {
	var that = this;
	var interval = null;
	var current = 0;
	speed = speed || 500; // default si non passé en paramètre
	limit = limit || 10; // default si non passé en paramètre
	var run = function(){
		setter(current);
		current = ++(current) % limit;
	};
	// public
	that.start = function(){
		interval = setInterval(run,speed);
	};
	that.stop = function(){
		clearInterval(interval);
	};
	// change
	that.setLimit = function(newLimit){
		limit = newLimit;
	};
	that.setSetter = function(newSetter){
		setter = newSetter;
	};
	that.setSpeed = function(newSpeed){
		speed = newSpeed;
	};
}
 
$(window).load(function() {
	var callback = function(value){$("#angleantenne").val(value);};
	var speed = 500, limit = 5;
	var monRebour = new rebour(callback,speed,limit); 
	$('#demarer').click(function() {
		$("#angleantenne").val('SYNCHRONISATION...');
		monRebour.start();
	});
});

[akrogames]

Personnellement j'ai pondu ceci :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
function test2() 
{ 
 *var result2 = $("#angleantenne");
 * 
 *var start = new Date().getTime(); 
 * 
 *var i = 0, limit = 360, busy = false; 
 *var processor = setInterval(function() 
 *{ 
 * *if(!busy && !stop) 
 * *{ 
 * * *busy = true; 
 * * * 
 * * *result2.val('time=' + *
 * * * *(new Date().getTime() - start) + ' [i=' + i + ']'); 
 * * * 
 * * *process(); 
 * * * 
 * * *if(++i == limit) 
 * * *{ 
 * * * *clearInterval(processor); 
 * * * *result2.val('time=' + *
 * * * * *(new Date().getTime() - start) + ' [done]');
 		if(!stop) {
			test2();
 		}
	 *}
 * * *busy = false;
 * *}
 *}, 1); 
 * 
}
 
 
function process()
{
  var above = 0, below = 0;
  for(var i=0; i<1000000; i++)
  {
    if(Math.random() * 2 > 1)
    {
      above ++;      
    }
    else
    {
      below ++;
    }
  }
}

C'est quoi le mieux pour vous ?

[Willpower]

C'est quoi le mieux pour vous ?

La vrai question : ton code fonctionne ?


Sinon le point positif c'est que tu n'as déjà plus le "sleep" de la première version.