前端的部分邏輯有時候控制前端的顯示,比如記錄收藏數目等等。有時候多次重復點擊會造成前端顯示的bug。所以需要有部分邏輯判斷去篩除掉重復多次的點擊。
實現部分代碼如下,主要是通過setTimeout去加以判斷,即無論點擊幾次,間隔一定時間才會去觸發一次事件,從而只產生一次的記錄:
<script> var i=0; //判斷點擊次數寄存 var closetimer = null; //延時函數寄存function Button1_Click() //botton點擊事件 { console.log('1'); i++; //記錄點擊次數 closetimer = window.setTimeout(setout,200); }function setout(){ //點擊執行事件if(i>1) //如果點擊次數超過1 { console.log('wrong'); window.clearTimeout(closetimer); //清除延時函數 closetimer = null; //設置延時寄存為null //添加操作代碼 i=0; //重置點擊次數為0 }else{ //如果點擊次數為1 console.log('right'); i=0; //重置點擊次數為0 //添加執行操作的代碼}}</script>
新聞熱點
疑難解答