Code HTML: demande d'aide pour TPE
Choubi
-
Grandasse_ Messages postés 978 Date d'inscription Statut Membre Dernière intervention -
Grandasse_ Messages postés 978 Date d'inscription Statut Membre Dernière intervention -
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.
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.
2 réponses
-
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> -
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.
