Heim > Web-Frontend > js-Tutorial > Hauptteil

So erzielen Sie den Countdown-Effekt, der anzeigt, wie viele Tage, Stunden und Minuten noch in Javascript verbleiben

WBOY
Freigeben: 2021-11-24 19:09:42
Original
4577 Leute haben es durchsucht

Methode: 1. Verwenden Sie die Methoden Date() und getTime(), um die Millisekunden der angegebenen Zeit und der aktuellen Zeit zu erhalten. 2. Subtrahieren Sie die zwei Millisekunden, um die Zeitdifferenz zu erhalten. Millisekunden) „Number)“-Anweisung formatiert die Zeitdifferenz, berechnet die Anzahl der für den Countdown benötigten Tage, Stunden und Minuten und gibt sie aus.

So erzielen Sie den Countdown-Effekt, der anzeigt, wie viele Tage, Stunden und Minuten noch in Javascript verbleiben

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

So verwenden Sie JavaScript, um einen Countdown für die verbleibenden Tage, Stunden und Minuten zu implementieren.

Verwenden Sie JavaScript, um den Countdown für ein bestimmtes Datum abzuschließen, z. B. wie viel Zeit bis zum Ende einer Veranstaltung verbleibt. Nehmen wir ein Beispiel, um zu sehen, wie es implementiert werden sollte:

1 Verwenden Sie die Methode getTime() des Zeitobjekts, um alle Millisekunden zu erhalten

2 Subtrahieren Sie die Millisekunden der angegebenen Zeit und der aktuellen Zeit, um die Differenz zu erhalten in Millisekunden

3. Die Anzahl der Millisekunden an jedem Tag beträgt: 1000*60*60*24, also 1000 Millisekunden. Sie können die Anzahl der ganzen Tage ermitteln

5. Wir können den Rest verwenden, um den Rest zu erhalten

6. Die verwendeten Berechnungsregeln lauten also wie folgt:


Ganzer Tag: Gesamtzahl der Millisekunden / Anzahl der Millisekunden in einem Tag

  • Stunde: (Gesamtzahl der Millisekunden / Anzahl der Millisekunden in einem Tag Stunde) % 24 Stunden (da die ganze Stunde durch den ganzen Tag weggenommen wurde, ist der Rest nach der Division die Anzahl der verbleibenden Stunden, und nehmen Sie dann die verbleibenden 24 Stunden. Sie können die Anzahl der verbleibenden Stunden erhalten)
  • Die Berechnung von Minuten und Stunden ist dieselbe. Entfernen Sie die gesamte Minute und verwenden Sie die verbleibenden Minuten (% 60 Minuten), um die Anzahl der verbleibenden Minuten zu erhalten. Die Berechnung von Sekunden ist dieselbe. Code:
  • Ausführen:
[Empfohlenes Lernen:

Javascript-Tutorial für Fortgeschrittene

]

Das obige ist der detaillierte Inhalt vonSo erzielen Sie den Countdown-Effekt, der anzeigt, wie viele Tage, Stunden und Minuten noch in Javascript verbleiben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!