La vitesse de defilement s'augmente !

**insane_80** · 22/03/2007, 19h59

Bonjour à tous,

J'ai fait un texte qui se récupere par Ajax en temps actuel, en plus il se défile.
Mais le problème, c'est que le défilement s'augmente au cours du temps.

Voilà mon code:

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
 
 
 
<html>
	<head>
		<title>Ajax-Asp</title>
		<link href="style_texte.css" rel="stylesheet" type="text/css" />
 
		<!---------------------------->
		<SCRIPT LANGUAGE="JavaScript">
 
		var msg;
		var index=0;
		var delay=10;
 
		function defil() {
 
			var nb_char=msg.length;
			index++;
			if (index>nb_char) index=0;
			document.formmenu.valeur.value=msg.substring(index)+msg;
			setTimeout("defil()",delay);
		}
 
		function defiler(txt,tps) {
 
			msg=txt + "   -   ";
			delay=tps;
			defil();
		}
 
				//============================
 
				function verificationMenu()
				{
				texte = go();
				setTimeout("verificationMenu()",3000);
				}
 
 
	 		function getXhr(){
                       var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                                return xhr
			}
 
			/**
			* *******************************************
			*/
			function go(){
				var xhr = getXhr()
				xhr.onreadystatechange = function(){
					if(xhr.readyState == 4 && xhr.status == 200){
						document.formmenu.valeur.value=xhr.responseText;
						defiler(xhr.responseText,200);
						return(xhr.responseText);
					}
				}
 
			//-------------
			var date = new Date();
			var myurl = "ajax.asp?" +  date.getTime();
			xhr.open("GET",myurl,true);	
			//-------------
			xhr.send(null);
			}
 
		</script>
	    <link href="style_texte.css" rel="stylesheet" type="text/css">
	</head>
	<body onLoad=verificationMenu();>
		<form name="formmenu" action="" methode="GET" onSubmit="">
		   <center><input name="valeur" type="text" class="ajax" size="70">
		   </center>
    </form>
 
	</body>
</html>

Comment résoudre ce problème ?

Et merci d'avance.

**magnus2005** · 24/03/2007, 17h49

Je crois que le probleme vient de l appel recursif de defil() en conjonction avec l appel dans la réponse http de defiler()
du coup ça va crée a chaque appel de defiler() une nouvelle appel recursif infini sur defil();. Par consequent il va avoir de plus en plus d'appel par seconde à cette fonction.

Ai je été clair ?

**FremyCompany** · 24/03/2007, 17h55

Envoyé par magnus2005

Je crois que le probleme vient de l appel recursif de defil() en conjonction avec l appel dans la réponse http de defiler()
du coup ça va crée a chaque appel de defiler() une nouvelle appel recursif infini sur defil();

Ai je été clair ?

+1

En tout cas moi j'ai compris

**javatwister** · 24/03/2007, 19h28

dans la fonction defil(), donne un nom à ton timer:

Code :

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

timer=setTimeout("defil()",delay);

après avoir déclaré la variable timer à false, par exemple, ailleurs dans le code;

puis, dans ta fonction go(), avant d'appeler defiler(), tu arrêtes le timer en cours:

Code :

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