//即时聊天采用野狗无后端模式，野狗: https://www.wilddog.com/ //引入文件 ``` <script src = "https://cdn.wilddog.com/js/client/current/wilddog.js" ></script> ``` //写入数据 ``` // new Wilddog message 为自己定义的一个表或者空间，用于放我们的聊天记录 var wd = new Wilddog('https://dongyixueyuan.wilddogio.com/message'); btn.addEventListener('tap',function(){ var content = text.value; //记录发布时间戳 var date = new Date(); var time = date.getTime(); //插入数据 //第一个参数单独的一个空间，比如两个人聊天，他们就是在单独的一个空间聊天， message 里面可以有很多个独立的空间，比如 张三和李四 是一个空间 王五和赵六又是一个空间 //第二个参数是你发布信息的时间，我们以时间作为信息的依据，通过时间的排序我们的聊天记录 //第三个参数是一个json,为我们的聊天信息，比如 昵称，头像，内容，表情，时间 wd.child('1').child(time).set({ 'name':'dongyixueyuan', 'content':content, 'time':time // ...更多 }); }) ``` //获得数据 ``` // 监听聊天内容变化 var listen = "https://dongyixueyuan.wilddogio.com/message/1"; var listen_wd = new Wilddog(listen); listen_wd.on('child_added',function(data){ list.innerHTML += '' +' '+data.val().name+' '+data.val().time+'' +' '+data.val().content+'' +''; console.log(data.val().name); }) ``` //删除 ``` //1为空间名,1442293959023为某一条信息 var ref = new Wilddog("https://dongyixueyuan.wilddogio.com/message/1/1442293959023"); ref.remove() ``` //时间转换函数 ``` function getLocalTime(nS) { var mydate = new Date(nS); var today = ''; // today += mydate.getFullYear() + '年'; //返回年份 // today += mydate.getMonth()+1 + '月'; //返回月份，因为返回值是0开始，表示1月，所以做+1处理 // today += mydate.getDate() + '日'; //返回日期 today += mydate.getHours() + ':'; if(mydate.getMinutes() < 10){ var min = '0'+mydate.getMinutes(); }else{ var min = mydate.getMinutes(); } today += min + ':'; today += mydate.getSeconds(); return today; } ``` //设置滚动条高度 ``` document.body.scrollTop = document.body.offsetHeight; ```