Code HTML: demande d'aide pour TPE

Fermé

Choubi - 18 oct. 2016 à 21:18
Grandasse_ Messages postés 924 Date d'inscription jeudi 28 janvier 2010 Statut Membre Dernière intervention 27 avril 2023 - 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.

A voir également:

Code HTML: demande d'aide pour TPE
Code asci - Guide
Editeur html - Télécharger - HTML
Code puk bloqué - Guide
Code telephone oublié - Guide
Code blocks free - Télécharger - Langages

2 réponses

Réponse 1 / 2

codeurh24 Messages postés 761 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
Modifié par codeurh24 le 18/10/2016 à 22:49

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>

Réponse 2 / 2

Grandasse_ Messages postés 924 Date d'inscription jeudi 28 janvier 2010 Statut Membre Dernière intervention 27 avril 2023 592
19 oct. 2016 à 23:53

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.

Discussions similaires

Code de renvoi d'appel : Ooredo, Mobilis...

Espace en HTML

Acces à snapchat temporairement désactivé

Discussions similaires

Newsletters