Schauen wir uns den Countdown -Effekt an:
Code:
<! DocType html> <html lang = "en"> <pead> <meta charset = "utf-8"> <title> countdown-Funktion </title> <cript> var timer = (function () {return function (json) {if (json.currentTime) {var now = New Date () var Jahr = nun. Now. Now. Now. Now. Now. Now. Now. Now. Monat = now.getMonth () +1; // Rückgabemonat (0-11, SO +1) var tay = now.getDate (); // Return einen bestimmten Tag (1-31) var h = now.gethours (); // return stour (0-23) var m = now.getminutes (); // return minues (0-59) var // Reprenish O M = M <10? '0'+m: m; '+h+': '+m+': '+s; Stunden am Tag, eine Stunde, 60 Minuten, eine Minute, 60 Sekunden D = ParseInt (Links/3600/24); document.getElementById (json.objid) .innerhtml = D+"Tag"+H+Hour "+m+" minute "+S+" Sekunden "; objid: 'thisime'}) timer ({objid: 'Countdown', Endime: "2016/9/1,18: 00"})} </script> </head> <body> <b aktuelle Zeit: </b> <span id = "time"> </span> <br/> <b> <b>. id = "Countdown"> </span> </body> </html>Notiz:
1. Es gibt zwei Funktionen: die aktuelle Zeit und den Countdown und die Parameter mit unterschiedlich
2. Verwenden Sie hauptsächlich die von JS zurückgegebenen Daten. Achten Sie auf das Intervall des Monat, Tags, Stunde, Minute und Rückgabewert
3. Ich habe diese Woche Arrays verwendet, um zu verarbeiten
4. Countdown berechnet hauptsächlich die Zeitdifferenz, subtrahiert die Anzahl der Sekunden der aktuellen Zeit und führt mathematische Berechnungen durch.
5. Verschlüsse werden hier verwendet, um zu verhindern, dass mehrere Timer widersprüchlich sind
6. Der Code hier ist relativ leicht zu verstehen. Fantastische Leute können es in ein Plug-In verwandeln. Ich hoffe, es zu teilen.
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.