聊天室刷屏的简单原理实现

在聊天室中，假设我们想要实现刷屏的效果，事实上非常easy，由于这些我们都能够通过前台的js来完毕。

首先，说一下原理，就是通过javascript来模拟文字的输入，来模拟提交button的点击。这里要实现这些，首先我们须要浏览器的debug，比方firefox的firebug，或者自带的调试工具也可，或者chrome的console台，ie+8的F12 开发人员工具。

以下举个简单的样例：

首先审查元素，找到输入框的id比方：id="postText", 然后找到提交的id或者css,比方 class="btn_submit",

这里我们能够 将要输入的一大段话，能够非常长非常长拷贝到str上面，你也能够从其它站点找到源码里的文字复制过来，然后我这里使用正則表達式去掉了html标签。

因为有的聊天室有文字的输入速度，所以我通过javascript的setInterval来设置一个延时时间来发信息，这样就能够实现自己主动刷屏了。

代码例如以下：

var i = 0;
var j = 100;
var str = "this is the test string will be show in input text.";
str = str.replace(/<[^>].*?>/g,"");

function output(i){
	var input = str.substr(i,10);
	jQuery("#postText").val(input);
	jQuery(".btn_submit").click(); 
}

var interval = setInterval(function(){
	output(i);
	i = i +10;
	if(i>1000){
		clearInterval(interval);
		console.log('ok');
	}
},6000);

这里就是希望我们要把自己学到的东西用到实际的应用中，这样就会对知识更加深入的理解，并能从中找到乐趣。