0

我有这个代码...

<script>
      $(document).ready(function(){
    var x = 0;    
    function resetcounter() {
    x = 0;
    document.getElementById("counting").value = x;
    }

   function count() {
   if(x<50)
    {
      x += 1;
    }
    else
    {
        x=0;
    }
    document.getElementById("counting").value = x;
   }
   $('#btn').click(

         function() {
         count();
    });

    $('#reset').click(

    function() {
           resetcounter();
    });  
});
</script>

效果很好。但是我需要它来实时更新。我想使用火力基地。我如何将提要放入火力基地。基本上我需要这个...每次有人点击我网站上的某个按钮时，都会有计数器跟踪它被点击的次数，并实时显示给页面上的每个人。

4

1 回答 1

2

这里的一般方法是将您的“x”变量移到 Firebase 并使用它来支持计数器的状态。由于我们正在对多个潜在客户进行计数，因此我们将这些更新包装在一个事务中。

它看起来像这样：

var x = new Firebase('https://countingex.firebaseio-demo.com/');

x.on('value', function f(s) {
    $('#counting').text(0 + s.val());
});

$('#btn').click(function() {
  x.transaction(function(current_value) {
    return current_value + 1;
  });
});

$('#reset').click(function() {
    x.set(0);
});

我在 JSFiddle 上放了一个工作示例；通过在多个窗口中打开它来查看。为简单起见，我省略了针对幻数 50 的条件。

要开始使用其他 Firebase 基础知识，我建议您查看我们的交互式教程。

于 2013-04-21T03:26:48.833 回答