document.write non retardé par settimeout

**bpdu92** · 23/08/2020, 18h08

bonjour les experts
comment différer l'affichage d'un texte ?
ci-dessous mon code

Code HTML :

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
<!DOCTYPE html>
<html>
<body>
<p>Click et attends 5 seconds, then alert "Hello".</p>
 
<button onclick="myFunction()">Try it</button>
 
<script>
function myFunction() 
{
  window.setTimeout(function()
 {alert("Hello"); }, 5000); 
  document.open();
  document.write("<h1>et maintenant le retardé !</h1>");
  document.close();
}
</script>
<br>
on m'affiche aussitot
</body>
</html>

1-le dernier texte, on m'affiche aussitôt,
est affiché dés l'ouverture du navigateur
(bon, j'en conclus que setimeout n'est pas bloquant ,)
mais
2-le texte et maintenant le retardé
contenu dans la fonction,
est affiché dès le clic sur Try

comment lui faire attendre la fin du setimout pour s'afficher ?
motivation de la demande : réalisation de petits quizz en local
merci d'avance

**javatwister** · 24/08/2020, 09h50

Bonjour,

N'utilise jamais document.write, sauf si tu tiens à détruire ta page;

A part ça, tu avais juste un problème de clôture avec ton setTimeout:

Code javascript :

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

1
2
3
4
5
6
window.setTimeout(function(){
   alert("Hello"); 
   document.open();
   document.write("<h1>et maintenant le retardé !</h1>");
   document.close()
}, 5000)

**bpdu92** · 24/08/2020, 18h53

merci de ta rapide réponse
mais ça ne marche plus si je déplace le 5000 selon ta recommendation,
le clic sur Try devient ineffectif

peut-etre utile de reformuler ce que je voudrais
0-declenchement du delai d'attente n secondes (setimeout non bloquant ?)
1-message à l'internaute lui disant de saisir sa réponse en moins de n secondes
2-recup de sa reponse aprés n secondes
bien sur l'internaute doit pouvoir saisir pendant que le délai court

plus clair ?
Cordialt

**javatwister** · 24/08/2020, 20h42

Evidemment, conserve ta fonction myFunction()...
Sinon, ça ne marchera pas

document.write non retardé par settimeout

JavaScript

Discussions similaires

Partager

Partager