已解決430363個問題，去搜搜看，總會有你想問的

當用戶一段時間沒有點擊圖片時自動顯示文本

首頁猿問當用戶一段時間沒有點擊圖片時自動顯示文本

當用戶一段時間沒有點擊圖片時自動顯示文本

JavaScript

慕森卡 2022-10-27 16:49:44

我有這個使用 jQuery 的代碼，但我不確定我應該用什么來實現這個想法。如果用戶不點擊圖像，文本會在幾秒鐘后自動顯示。我應該在 CSS 中添加動畫延遲嗎？jQuery(document).ready(function(){ jQuery( "#picture2" ).bind( "click", function() { jQuery ('#txt2').show(); });});

查看完整描述

1 回答

千巷貓影

TA貢獻1829條經驗獲得超7個贊

您可以使用單擊按鈕時將重置的超時。

在下面的示例中，如果您在 5 秒內未單擊按鈕，則會顯示文本。我將bind()函數更改為，on()因為第一個函數自 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();

}

<button id="clicker">Click me!</button>

<p id="text" style="display: none;">Please click me :(</p>

反對回復 2022-10-27

1 回答
0 關注
90 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

當用戶一段時間沒有點擊圖片時自動顯示文本

當用戶一段時間沒有點擊圖片時自動顯示文本

1 回答

添加回答