Code HTML: demande d'aide pour TPE
Choubi
-
Grandasse_ Messages postés 1156 Statut Membre -
Grandasse_ Messages postés 1156 Statut Membre -
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.
A voir également:
- Code HTML: demande d'aide pour TPE
- Code ascii - Guide
- Code puk bloqué - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code activation windows 10 - Guide
- Editeur html - Télécharger - HTML
2 réponses
Bonsoir.
Je n'ai pas bien compris précisément le test.
Peut être que ce code vous aidera
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>
