聊天室刷屏的簡單原理實現,聊天室刷屏原理
在聊天室中,如果我們想要實現刷屏的效果,其實很簡單,因為這些我們都可以通過前台的js來完成。
首先,說一下原理,就是通過javascript來類比文字的輸入,來類比提交按鈕的點擊。這裡要實現這些,首先我們需要瀏覽器的debug,比如firefox的firebug,或者內建的調試工具也可,或者chrome的console台,ie+8的F12 開發人員工具。
下面舉個簡單的例子:
首先審查元素,找到輸入框的id比如:id="postText", 然後找到提交的id或者css,比如 class="btn_submit",
這裡我們可以 將要輸入的一大段話,可以很長很長複製到str上面,你也可以從其他網站找到原始碼裡的文字複製過來,然後我這裡使用Regex去掉了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);
這裡就是希望我們要把自己學到的東西用到實際的應用中,這樣就會對知識更加深入的理解,並能從中找到樂趣。
聊天室情話刷屏內容
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
這就是刷屏!
聊天室怎刷屏
在聊天室刷屏的人是不受人歡迎的,還會換來人家的痛罵。
不過還是可以告訴你啊 你把字型放到最大 然後寫多點內容
如果實在沒東西寫 就隨便打字 一個數字 一個漢字 都可以、然後ctrl+c 再ctrl+v 發送 就ok了