Jetons un coup d'œil à l'effet à rebours:
Code:
<! Doctype html> <html lang = "en"> <éadf> <meta charset = "utf-8"> <itle> function comptent </itle> <cript> var timer = (function () {return function (json) {if (json.currentTime) {var now = new date (); var anny = nowe.getear (); // return wear (4 nicRe mois = maintenant.getMonth () + 1; // Retour Mois (0-11, SO +1) var day = now.getDate (); // renvoie un certain jour (1-31) var h = now.Gethours (); // Retour Hour (0-23) var m = now.getMinutes (); // retour des minutes (0-59) var s = maintenant.getSecunds (); // retourne (0-59) // REPLOSE O M = M <10? '0' + m: m; S = S <10? '0' + S: S; '+ h +': '+ m +': '+ s; heures par jour, une heure, 60 minutes, une minute, 60 secondes D = Parseint (Time gauche / 3600/24); document.getElementById (json.objid) .innerhtml = d + "day" + h + "hour" + m + "minute" + s + "secondes"; objid: 'thistime'}) temporaire ({objid: 'compte à rebours', fin: "2016 / 9/1,18: 00"})} </ script> </ head> <body> <b> Heure actuel: </b> <span id = "Thistime"> </ span> <br/> <br/> <b> Il y a encore 18:00 de 2016/9/1: <b> <pander id = "Countdown"> </span> </ body> </html>Note:
1. Il y a deux fonctions: l'heure actuelle et le compte à rebours, et les paramètres avec différents
2. Utilisez principalement les données renvoyées par JS. Faites attention au mois, au jour, à l'heure, à la minute et à l'intervalle de valeur de retour
3. J'ai utilisé des tableaux pour traiter cette semaine
4. Le compte à rebours calcule principalement le décalage horaire, soustrait le nombre de secondes de l'heure actuelle et effectue des calculs mathématiques.
5. Les fermetures sont utilisées ici pour empêcher les minuteries de plusieurs minuteries de contourner
6. Le code ici est relativement facile à comprendre. Les gens géniaux peuvent le transformer en un plug-in. J'espère le partager.
Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.