Heim > Artikel > Web-Frontend > Teilen Sie Beispielcode zur Berechnung des Zeitunterschieds in javascript_javascript-Kenntnissen

Teilen Sie Beispielcode zur Berechnung des Zeitunterschieds in javascript_javascript-Kenntnissen

WBOYOriginal: 2016-05-16 15:20:221435Durchsuche

In praktischen Anwendungen ist es notwendig, die Differenz zwischen zwei Zeitpunkten zu berechnen. Im Allgemeinen wird die Differenz zwischen der aktuellen Zeit und einem bestimmten Zeitpunkt berechnet, und manchmal muss sie auf Tage, Stunden, Minuten usw. genau sein Lassen Sie uns kurz vorstellen, wie dieser Effekt erzielt werden kann.

Rendering:

Ab Neujahr:

Der Code lautet wie folgt:

<html> 
<head> 
<title>javascript计算时间差</title> 
<style type="text/css"> 
#thenceThen
{
 font-size:2em;
} 
</style> 
<script type="text/javascript"> 
function thenceThen() 
{ 
 var theTime="2014/5/4" 
 var endTime=new Date(theTime); 
 var totalSecs=(endTime-new Date())/1000; 
 var days=Math.floor(totalSecs/3600/24); 
 var hours=Math.floor((totalSecs-days*24*3600)/3600); 
 var mins=Math.floor((totalSecs-days*24*3600-hours*3600)/60); 
 var secs=Math.floor((totalSecs-days*24*3600-hours*3600-mins*60)); 
 if(days!=0) 
 { 
 document.getElementById("thenceThen").innerHTML=days+"天"+hours+"小时"+mins+"分钟"+secs+"秒"; 
 } 
 else if(hours==0&&mins==0) 
 { 
 document.getElementById("thenceThen").innerHTML=secs+"秒"; 
 } 
 else if(hours==0&&mins!= 0) 
 { 
 document.getElementById("thenceThen").innerHTML=mins+"分钟"+secs+"秒"; 
 } 
 else if (hours!=0) 
 { 
 document.getElementById("thenceThen").innerHTML=hours+"小时"+mins+"分钟"+secs+"秒"; 
 } 
} 
var clock; 
window.onload=function() 
{ 
 clock=setInterval("thenceThen()",500); 
} 
</script> 
</head> 
<body> 
<div id="thenceThen"></div> 
</body> 
</html>

Der obige Code erreicht die gewünschte Funktion. Hier finden Sie eine kurze Einführung in den Implementierungsprozess dieses Effekts.
1. Umsetzungsprinzip:
Das Prinzip ist sehr einfach: Berechnen Sie die Millisekundendifferenz zwischen zwei Zeitpunkten und führen Sie dann mathematische Operationen aus, um die entsprechenden Tage, Stunden, Minuten und Beschreibungen zu erhalten. Die Funktion wird einmal pro Sekunde über die Funktion setInterval () aufgerufen. und dann wird der Countdown gestartet.
2. Codekommentare:
1.Funktion thenThen(){}, diese Funktion wird zur Berechnung der Zeitdifferenz verwendet.
2.var theTime="2014/5/4", diese Variable wird verwendet, um einen Zeitpunkt zu definieren, zu dem die Zeitdifferenz berechnet werden soll.
3.var endTime=new Date(theTime), erstellt das aktuelle Zeitobjekt.
4.var totalSecs=(endTime-new Date())/1000, die Differenz zwischen den beiden Zeitobjekten ist die Millisekundendifferenz zwischen den beiden, und dann dividiert durch 1000 ist die Beschreibung der Differenz.
5.var Tage=Math.floor(totalSecs/3600/24), berechnen Sie die Anzahl der Tage Differenz, achten Sie besonders auf die Funktion der Funktion Math.floor(), Sie können auf verwandte Lektüre verweisen.
6.var hours=Math.floor((totalSecs-days*24*3600)/3600), berechnet die Anzahl der Stundendifferenz.

Das Obige ist der Beispielcode zur Berechnung des Zeitunterschieds in Javascript. Ich hoffe, er wird für das Lernen aller hilfreich sein.

Stellungnahme：

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

Vorheriger Artikel：Implementierung der Div-Ebene, die der Bildlaufleiste folgt, basierend auf JavaScript_Javascript-KenntnissenNächster Artikel：Implementierung der Div-Ebene, die der Bildlaufleiste folgt, basierend auf JavaScript_Javascript-Kenntnissen

In Verbindung stehende Artikel

Mehr sehen