Signaler

Code HTML: demande d'aide pour TPE

Posez votre question Choubi - Dernière réponse le 19 oct. 2016 à 23:53
Bonjour,

je fais parti d'un groupe de tpe travaillent sur la perception du et la mesure du temps chez l'humain; Nous voulons faire une expérience qui consiste à prendre un sujet qui appui sur une touche quelconque de l'ordinateur après 10 millième de seconde un écran blanc apparaît à la place de l'écran noir (couleur d'origine du site) pendant 2s pour ensuite redevenir noir. Cela est répété environs 20 fois puis le 10 millième de secondes se change en 5 millièmes de secondes.Le sujet pensera donc voir la page blanche s'afficher avant que celui-ci n'est appuyé sur la touche (ce qui est faux)

Pour cette expérience le site en question, on va devoir le créer, malheureusement nous ne sommes pas doué en informatique et nous ne pouvons coder que sur bloc-notes, voici un aperçu de ce qu'on a déjà fait:
(j'ai codé en HTML)

<title>TPE !!!</title>

<body bgcolor=black>

Pour l'instant il n'y a qu'un fond noir (oui c'est vraiment pas terrible) et voici le site : file:///U:/Documents/TPE%20!!!.html

Nous remercions d'avance celui ou celle qui a eu le courage de lire jusqu'au bout et qui voudrais bien nous aider à réaliser cette expérience afin de gagner des points au bac.
Afficher la suite 
Utile
+0
moins plus
Bonsoir.

Je n'ai pas bien compris précisément le test.

Peut être que ce code vous aidera

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
 <style>
  .noir { background-color: #000; }
  .blanc { background-color: #FFF;  }
 </style>
 <script src="http://code.jquery.com/jquery-1.12.4.js"></script>
 <script>

  $( document ).ready(function() {
   
   window.TempsMilliseconde = 100;// temps entre 2 couleurs en milli secondes (100ms)
   window.Compteur = 0; // compte le nombre de fois que la touche a été appuyé
   
   $(document).keyup(function(e) {
    
     // changela couleur de fond imédiatement
    changeCouleur();
    // changela couleur de fond au bout d'un certain temps choisi (voir ligne 14)
    setTimeout(function(){ changeCouleur() },  window.TempsMilliseconde  ); 
    
    // incrémente le compte de 1 a chaque fois qu'une touche est relacher
    window.Compteur = window.Compteur +1 ;
    
    
    // si on presse 10 fois une touche
    // accelere le temps entre 2 changement de couleurs
    if( window.Compteur >= 10 ){
     window.TempsMilliseconde = 10; // exemple ici 10ms
    }
    
    // si on presse 10 fois une touche
    // affiche de l'information que le test est fini
    if( window.Compteur >= 20 ){
     alert("Test fini");
    }
    
   });
  });
  
  // fonction qui ce charge tout seul de changer / alterner les couleurs de fond
  function changeCouleur(){
   
   var couleur = $("body").attr("class");
    
   if( couleur == 'noir'){
    $("body").attr("class", "blanc");
   }else{
    $("body").attr("class", "noir");
   }
  }
  
 </script>
</head>
<body class="noir">
</body>
</html>

Ajouter un commentaire
Utile
+0
moins plus
Bonsoir,

file:///U:/Documents/TPE%20!!!.html 


Ce n'est pas quelque chose auquel nous avons accès, le document est sur ta machine mais pas hébergé sur Internet.
Ajouter un commentaire

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !