Implémentation JS du compte à rebours et des effets de défilement de texte examples_javascript skills

L'exemple de cet article décrit comment implémenter des effets de compte à rebours et de défilement de texte avec JS. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Remarque : Généralement, nous verrons certaines activités telles que les enchères dans certains magasins Taobao, dont nous trouverons parfois des effets de compte à rebours. Lors de certaines réunions annuelles et autres occasions, nous trouverons également des activités de loterie, à partir desquelles nous pouvons. voir également quelques effets de défilement aléatoires. Ici, je voudrais partager avec vous une méthode pour implémenter le compte à rebours et le défilement de texte. J'espère que cela pourra être utile à tout le monde. Ceci est principalement implémenté via js.

1. Mise en place de l'effet compte à rebours

Le code complet de la partie frontend est le suivant :

Copier le code Le code est le suivant :

Calcul. . .

Supplément : version allégée de l'effet compte à rebours :

Copier le code Le code est le suivant :

Enfin nous pouvons voir un effet similaire à l'image ci-dessous :

2. Implémentation de l'effet de défilement de texte

La partie code front-end est la suivante :

Copier le code Le code est le suivant :

Le rendu final est le suivant :

Supplément de connaissances :

var maDate = new Date();

myDate.getYear(); //Obtenir l'année en cours (2 chiffres)

myDate.getFullYear(); //Obtenir l'année complète (4 chiffres, 1970-????)
myDate.getMonth(); //Obtenir le mois en cours (0-11, 0 représente janvier)
myDate.getDate(); //Obtenir le jour actuel (1-31)
myDate.getDay(); //Obtenir la semaine X en cours (0-6, 0 représente dimanche)
myDate.getTime(); //Obtenir l'heure actuelle (nombre de millisecondes depuis 1970.1.1)
myDate.getHours(); //Obtenir les heures actuelles (0-23)
myDate.getMinutes(); //Obtenir les minutes actuelles (0-59)
myDate.getSeconds(); //Obtenir les secondes actuelles (0-59)
myDate.getMilliseconds(); //Obtenir le nombre actuel de millisecondes (0-999)
myDate.toLocaleDateString(); //Obtenir la date actuelle
var mytime=myDate.toLocaleTimeString(); //Obtenir l'heure actuelle
myDate.toLocaleString( ); //Obtenir la date et l'heure

J'espère que cet article sera utile à la programmation Web de chacun basée sur js.