Teilen Sie Beispielcode zur Berechnung des Zeitunterschieds in javascript_javascript-Kenntnissen-js-Tutorial-php.cn

Teilen Sie Beispielcode zur Berechnung des Zeitunterschieds in javascript_javascript-Kenntnissen

WBOY

Freigeben： 2016-05-16 15:20:22

Original

1472 Leute haben es durchsucht

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>

Nach dem Login kopieren

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.