tempo dans programme

**Emcy** · 07/03/2008, 12h18

bonjour,

je voudrais ploquer mon programme pendant 0.1secondes avant de passer à la suite : existe t-il une commande pour ça ?

j'ai vu qu'il y avait la commande setTimeout() mais ça ne me va pas car elle est asynchrone => ça m'obligerait à découper mon programme en pleins de sous-fonctions : mon programme deviendrai vite illisible et trop lourd à maintenir...

Mon programme :
je modifie la valeur d'une balise : le problème est que des fois ça va tellement vite que je ne vois pas les différentes etape => c'est pourquoi j'ai besoin de faire une mini tempo (pas trop longue pour ne pas trop ralentir le programme) après chaque changement de valeur de ma balise...

**javatwister** · 08/03/2008, 09h12

salut;

je ne me rends pas bien compte de ce que tu fais dans cette page; par exemple, comment les contenus sont-ils modifiés? le sont-ils successivement? automatiquement, sans action client?...

**marts** · 08/03/2008, 13h44

une solution :

Code :

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

1
2
3
 
var d=new Date().getTime();
while (new Date().geTime()<d+100) ; // boucle pendant 0.1 sec.

**Emcy** · 10/03/2008, 11h46

non, ça ne fonctionne pas
Je fais tourner mon programme en boucle avec à l'interrieur des tempos => la tempo fonctionne mais ça bloque le rafraichissement de la page web

voici un exemple de code (on ne voit pas les differentes etapes):

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
	<head>
		<title>TOTO</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
		<style type="text/css">
			body{
				padding:0;
				margin:0;
				border:none;
			}
 
			p{
				padding:0;
				margin:0;
				border:none;
			}
 
			input{
				color:red;
				margin:0;
				padding:0;
				border:2px solid #00039e;
				font-size:0.9em;
				min-width: 0;
			}
 
		</style>
	</head>
 
	<script type="text/javascript">			
	// <![CDATA[
		var k=0
		var stpTempo=0
 
		function fonction_start(){
 
 
			while (k < 5){
				document.getElementById("a_connexion").value = i
				tempo1()
			}
		}
 
 
 
		function tempo1(){
			var d1=new Date().getTime()
			var d2=d1
 
			while (d2<d1+1000){ // 1sec
				d2=new Date().getTime()
			}
			k=k+1
		}
 
 
	// ]]>
	</script>
 
	<body onload="fonction_start()">
		<p><input type="button" value="CCCCCCC" id="a_connexion" class="mc1"/></p>
	</body>
</html>

Description de mon application:
Je refraichis periodiquement une page Web en allant chercher des infos grâce à AJAX. Pendant le processus Ajax, je fais défiler des caractères pour faire voir l'etat d'avancement.
=> Ce que je veux c'est que l'utilisateur voit qu'il y a un chargement en cours et qu'il voit tout de suite s'il y a une erreur...

**marts** · 10/03/2008, 19h30

Code :

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

1
2
3
4
5
6
7
8
 
function fonction_start(){
 
				document.getElementById("a_connexion").value = i
				k++
				if (k<5) setTimeout(fonction_start,1000);
 
		}

**KawaJVC** · 10/03/2008, 21h22

Salut

Tu pourrais faire une grosse boucle pour faire un peu planter le navigateur du client mais je pense pas qu'il aime ça ...

**Emcy** · 11/03/2008, 09h34

Envoyé par marts

Code :

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

1
2
3
4
5
6
7
8
 
function fonction_start(){
 
				document.getElementById("a_connexion").value = i
				k++
				if (k<5) setTimeout(fonction_start,1000);
 
		}

bonjour,

cette solution n'ira pas car mon programme n'est pas composé que d'une boucle => j'appelle pleins de sous-fonctions différentes

En fait je me complique les choses peut-etre inutilement => ce que j'ai besoins c'est que l'utilisateur voit qu'il y a des requètes AJAX en cours
- je veux qu'il puisse savoir si :
1- la requête a été envoyée
2- le fichier de donné a été reçue
3- le informations du fichier de donné ont été traitées et il n'y a pas d'erreurs

=> comment faite vous lorsque vous faites des appli AJAX pour que l'utilisateur sache qu'il y a des mises à jours en cours ?

**SpaceFrog** · 11/03/2008, 09h40

je bloque la page avec un message d'attente ...

http://www.sebemex.fr/Extramiante/Catalogue/index.htm

en cliquant sur une rubrique j'affiche un div qui prends tous les clicks de la page ...
en fin de traitement ajax je modifie un flag
le flag est testé dasn une boucle, lorsqu'il est modifié sur la page cela signifie qua le traitement ajax est terminé et je vire le masque ..

**Matthieu2000** · 11/03/2008, 10h07

je modifie la valeur d'une balise

concate les valeurs...

**marts** · 11/03/2008, 19h03

Envoyé par Emcy

je veux qu'il puisse savoir si :
1- la requête a été envoyée
2- le fichier de donné a été reçue
3- le informations du fichier de donné ont été traitées et il n'y a pas d'erreurs

Code :

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

1
2
 
<div id="readyState"></div>

Code :

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

1
2
3
4
5
 
xhr.onreadystatechange=function()
{
	document.getElementById('readyState').innerHTML=['','requête ouverte','requête envoyée','réception en cours','réception terminée'][xhr.readyState];
}

**SpaceFrog** · 12/03/2008, 09h12

Belle approche !

**marts** · 12/03/2008, 16h41

**Emcy** · 13/03/2008, 09h31

ça à l'air pas mal => à ça j'ajouterais peut-etre une tempo selon la méthode de marts pour voir les différente étapes car on risque de ne voir que "réception terminée" (à tester)...

tempo dans programme

JavaScript

Discussions similaires

Partager

Partager