Maison > interface Web > js tutoriel > le corps du texte

JQuery imite le compte à rebours de la page d'achat précipité du téléphone portable Xiaomi effect_jquery

WBOY
Libérer: 2016-05-16 16:26:28
original
1658 Les gens l'ont consulté

1. Description de l'effet et de la fonction

Indiquez aux utilisateurs combien de temps il reste pour une activité en contrôlant le temps, avec une précision en secondes.

2.Principe de mise en œuvre

Définissez d'abord l'heure de fin de l'activité. L'année doit être précise en millisecondes. Après avoir obtenu l'année en cours en secondes, utilisez l'heure de fin et soustrayez l'heure actuelle. le temps ci-dessous est affiché et vous pouvez voir combien de temps il reste avant la date limite.

Code principal

Copier le code Le code est le suivant :

var startTime = new Date();
//Obtenir l'heure actuelle
startTime.setFullYear(2016, 5, 27);
//Appel pour régler l'année
startTime.setHours(23);
//Appelez pour définir le champ horaire de l'heure spécifiée
startTime.setMinutes(59);
//Appelez pour définir le champ des minutes de l'heure spécifiée
startTime.setSeconds(59);
//Appelez pour définir le champ des secondes de l'heure spécifiée
startTime.setMilliseconds(999);
//Appel pour définir le champ milliseconde de l'heure spécifiée
var EndTime=startTime.getTime();
//Obtenir l'heure de fin
var nMS = EndTime - NowTime.getTime();
//Soustrayez l'heure actuelle de l'heure de fin pour obtenir le temps restant
var nD = Math.floor(nMS/(1000 * 60 * 60 * 24));
//Définissez les paramètres pour obtenir le nombre de jours
var nH = Math.floor(nMS/(1000*60*60)) % 24;
//Définissez les paramètres pour obtenir l'heure
var nM = Math.floor(nMS/(1000*60)) % 60;
//Définissez les paramètres pour obtenir les minutes
var nS = Math.floor(nMS/1000) % 60;
//Définissez les paramètres pour obtenir les secondes. Ce sont l'heure actuelle
.

3. Environnement opérationnel
IE6 IE7 IE8 et supérieur Firefox et Google
Cela peut être réalisé dans le navigateur Chrome

4. Créez un nouveau fichier pour le package compressé de toutes les images, puis décompressez le package et placez-le dans un dossier. Le package compressé des images peut être vu et téléchargé en bas de la page. il n'est pas nécessaire de modifier le nom du dossier car il a déjà été écrit et le chemin dans html5 correspond à

5. Lors de l'enregistrement du fichier html créé, changez le type d'encodage en (UTF-8 avec signature) afin que certains caractères chinois puissent être affichés normalement. Changez le type d'enregistrement (T) en (tous les fichiers (*.*) ), mettez les dossiers html5 et images décompressées dans le même dossier

6.Code

Copier le code Le code est le suivant :










7. Une fois le compte à rebours terminé, définissez l'attribut caché du bouton sur false, simple~
Ce code est tiré de mon projet. Les amis peuvent l'utiliser en toute confiance. Si vous avez des questions, veuillez laisser un message.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!