jQuery是一種很流行的JavaScript庫,它可以幫助我們更加方便、快捷地進行DOM操作,提高我們的開發效率。今天我們將介紹如何使用jQuery實現長按不停加1的功能。
$(document).ready(function(){ var timer; // 定義一個計時器變量 // 當按下鼠標時,開始計時并執行加1操作 $('#button').mousedown(function() { var num = parseInt($('#count').text()); // 獲取原有數字 $('#count').text(num + 1); // 加1 // 開始定時器,每隔50毫秒觸發一次事件 timer = setInterval(function(){ var num = parseInt($('#count').text()); $('#count').text(num + 1); }, 50); }) // 當松開鼠標時,停止計時器 $('#button').mouseup(function() { clearInterval(timer); }) })
以上代碼,我們首先使用了jQuery的ready()函數,確保文檔DOM已經加載完成后再執行我們的腳本。接著定義了一個計時器變量timer,并給我們的按鈕綁定了mousedown和mouseup事件。
當鼠標按下時,我們獲取原有的數字,加1后再修改計數器顯示的文字。同時,我們開始一個計時器,每隔50毫秒執行一次加1操作。當鼠標松開時,我們停止計時器,這樣我們的長按不停加1的功能就實現了!
上一篇html的代碼代表圓點
下一篇vue渲染區域寬度