Summe der Spalten importiert mit Ajax

Question

Ich habe zwei Spalten, die einige Zahlen (Ajax) importieren, die jede Sekunde ändern.

Es ist möglich, die Summe jeder Spalte in "normale Webseite" nicht auf der Serverseite anzuzeigen?

wie:

line 1 - 95.20 Kwh 0.41 A 
line 2 - 0.02 Kwh 0.02 A 
line 3 - 230.20 Kwh 0.95 A 

Total 325.42 Kwh 1.38 A 

Die Zahlen werden gedruckt mit <span class="analog"> ... </span>

Answer 1

Sie Klassennamen für tds auswählen können, die in einer Spalte sind. Zum Beispiel

<tr> 
<td>line 1</td> 
<td class="kwa">92.20 kwh</td> 
<td class="tdA">0.41 A</td> 
</tr> 
<tr> 
<td>line 2</td> 
<td class="kwa">0.02 kwh</td> 
<td class="tdA">0.02 A</td> 
</tr> 

Jetzt jquery:

var sumKwa =0; 
var sumA = 0; 
$('td.kwa').each(function(){ 
    var num = $(this).html().split(' ')[0]; 
    sumKwa += parseFloat(num); 
}); 
$('td.tdA').each(function(){ 
    var num = $(this).html().split(' ')[0]; 
    sumA += parseFloat(num); 
}); 

Und eins: Ajax-Anfrage in alle 1 Sekunde ist sehr schwer, wenn Benutzer Zahl viel. Stattdessen sollten Sie Javascript EvntSource für Live-Verbindungen verwenden.

Answer 2

Vielen Dank für Ihre Hilfe. Die Zahlen vor Ort werden bereits mit xml/ajax importiert und sie werden jede Sekunde aktualisiert. Deshalb kann ich es nicht schaffen, sie sofort zu summieren. Ich werde versuchen, über Javascript EvntSource zu lernen, wird aber einfacher mit einem Beispiel sein ...

Hier ist, wie ich die Zahlen importieren.

`https://jsbin.com/jayutoq/edit?html,js,output`