//即時聊天采用野狗無后端模式，野狗: 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; ```