1 回答

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個贊
您可以使用單擊按鈕時(shí)將重置的超時(shí)。
在下面的示例中,如果您在 5 秒內(nèi)未單擊按鈕,則會顯示文本。我將bind()函數(shù)更改為,on()因?yàn)榈谝粋€函數(shù)自 3.0 版以來已被棄用。
//initial timeout initializer
var timer = setTimeout(handler, 5000);
//reset the timout onclick
$('#clicker').on('click', () => {
$('#text').hide();
window.clearTimeout(timer);
timer = setTimeout(handler, 5000);
});
//hanlder function to show the text when the timeout is triggered
function handler() {
$('#text').show();
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="clicker">Click me!</button>
<p id="text" style="display: none;">Please click me :(</p>
添加回答
舉報(bào)