Firebase活动“<user>正在写......”就像WhatsApp一样

时间:2016-05-10 05:33:48

标签: firebase firebase-realtime-database

有没有办法在Firebase活动中克隆whatsapp事件“ [user]正在编写... ”?

我已阅读https://www.firebase.com/docs/web/api/中有关Firebase事件的内容,但我没有发现任何有关此问题的内容。

感谢。

2 个答案:

答案 0 :(得分:5)

我刚才写了这样的打字指示器。

var ref = new Firebase('https://<your-app>.firebaseio.com');
var input = document.getElementById('input');
var typers = document.getElementById('typers');
var uid = Date.now(); // generate a fake user id
var timer;

// attach a listener that display all people current typing in a list
ref.on('value', function(snapshot) {
  typers.innerText = '';
  snapshot.forEach(function(typer) {
    var li = document.createElement('li');
    li.innerText = typer.key();
    typers.appendChild(li);
  });
});

// whenever the content of the textarea changes
input.addEventListener('input',function(e) {
  // mark this user a "typing"
  ref.child(uid).set(true);
  // if we're counting down, stop the timer
  if (timer) clearTimeout(timer);
  // remove this user in 2 seconds
  timer = setTimeout(function() {
    ref.child(uid).remove();
  }, 2000);
});

要查看它的实际效果,请查看this JSBintweet where I announced it

答案 1 :(得分:2)

您可以在聊天信息中设置标记

例如:

{ "chat1 : { "name: "Jon", "isWriting" : true } "}

当发送消息以将布尔值更改为“false”时,如果不再连接到Internet,则设置将布尔值更改为false的时间。