erlang - 在页面上显示计时器的最佳方式是什么

Question

我想知道使用彗星更新计时器而不是在客户端站点使用javascript并在特定时间间隔发布到服务器以在需要时记录时间是否真的开销？

body() ->
 wf:comet(fun() -> counter(1) end),
 #panel { id=placeholder }.

counter(Count) ->
 timer:sleep(1000),
 wf:update(placeholder, integer_to_list(Count)),
 wf:flush(),
 counter(Count + 1).

我了解它的开销，但我想知道多少？因为所有事件通信都通过 websocket 发生..

Answer 1

使用 comet/websockets 执行此操作会增加不必要的开销：服务器端的额外进程以及额外的带宽使用。如果这是服务器端发生的事情的持续状态更新，那将是不同的，但仅仅增加一个计数器以显示客户端是最好留在客户端的事情。

使用 javascript 在客户端setInterval轻松消除任何问题。像下面这样的东西应该可以完成工作。

body() ->
  [
    #panel { id=placeholder },
    <<"
    <script>
      var my_counter = 1;
      function update_counter() {
        objs('placeholder').html(my_counter);
        my_counter++;
      }
      setInterval(update_counter, 1000);
     </script>
     ">>
  ].