ajaxでインポートされた列の合計

Question

1秒ごとに変化するいくつかの数値（ajax）をインポートする2つの列があります。

サーバー側ではなく「通常のウェブページ」に各列の合計を表示することはできますか？

のような：

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 

番号が<span class="analog"> ... </span>

Answer 1

で印刷されているあなたは、列にあるTDSのクラス名を選択することができます。例

<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> 

のために今の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); 
}); 

そして、一つのこと：ユーザーの数ははるかにある場合は、すべての1秒でAjaxリクエストが非常に重いです。代わりに、ライブ接続のためのjavascript EvntSourceを使用する方が良いです。

Answer 2

ご協力いただきありがとうございます。 サイトの数値はxml/ajaxで既にインポートされており、毎秒更新されます。なぜ私はすぐにそれらを合計することはできません。私は、javascript EvntSourceについて学ぶことを試みますが、もっと簡単に例を挙げて説明します...

ここでは番号をインポートする方法を示します。

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