要这么一个 JS 效果

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

This topic created in 4070 days ago, the information mentioned may be changed or developed.

RT：手机上有一个聊天窗口，默认是这样写的，每条聊天都是append增加进去的，这样人少还好，人多的情况下，感觉会慢，有没有什么方法解决，当达到多少条聊天内容时，之前的聊天信息给remove掉，这样行吗，有没有更好的实现方法或者例子。求大神指教

append

聊天

指教

3 replies • 2015-03-07 20:03:41 +08:00

Mutoo

Mar 7, 2015

用 iscroll 效果 duang duang 的~ http://cubiq.org/iscroll-5

kisshere

Mar 7, 2015

随便给你写个吧：
setInterval("del_chat()",1000);
var limit_count=100;//限制100条聊天记录
function del_chat(){
var chat_bubble_count=$('.chat_bubble').size();
var rest_count=chat_bubble_count-limit_count;
if(rest_count>0){//如果超出了100条聊天记录
for(var i=0;i<rest_count;i++){
$('.chat_bubble:eq('+i+')').remove();
}
}
}

vv122483

Mar 7, 2015

@kisshere 感谢感谢。受用！！！