La vitesse de defilement s'augmente !
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:
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.
