Les exigences sont les suivantes:
1. Affichez les noms de toutes les personnes de la classe sur la page Web.
2. Cliquez sur le bouton Démarrer et la couleur de la personne commence à changer. Quand il s'arrête, il y aura une position avec différentes couleurs, et ce poste est l'étudiant qui est cliqué.
L'interface graphique rugueuse est la suivante:
Ce qui suit est une analyse spécifique de l'analyse des exigences ci-dessus comme suit:
1. Initialisez une telle page et définissez un green de couleur unifiée.
un. Le nom de l'élève est stocké dans un tableau
né Affichez-le dans le bloc Div sur la page
2. Sélectionnez au hasard une position pour modifier sa couleur en red
un. Utilisez le style CSS pour contrôler les changements de couleur
né Des positions aléatoires sont générées à l'aide de fonctions aléatoires
3. Afin de le faire un effet animé, définissez l'intervalle pour déplacer la position de sa couleur change à l'envers. Et restaurer la couleur de la position précédente en vert.
un. Vous devez concevoir une méthode pour changer la couleur de la div. En même temps, vous devez appeler une méthode appelée Interval Time. Ensuite, il y a Settimeout et la méthode SetInterval à choisir dans JS.
4. L'effet d'animation doit s'arrêter dans le délai spécifié et la position d'arrêt est toujours rouge.
un. L'effet d'animation s'arrête dans le délai spécifié, qui arrête en fait la méthode ci-dessus. Utilisez différentes méthodes dans JS, avec différentes formes d'implémentation
5. Lorsqu'il s'arrête à un certain poste, une boîte de dialogue apparaît montrant qui est l'étudiant sélectionné.
un. Le résultat final de la fonction d'alerte apparaît est ok
Dans la section suivante, cette petite application sera implémentée dans le code JavaScript.