溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文實例講述了jQuery實現文本顯示一段時間后隱藏的方法。分享給大家供大家參考，具體如下：
點擊button時，提示信息顯示，8秒后，信息隱藏。
<input id="place_order" name="place_order" type="submit" /> <div class="after_submit_remind" > 請耐心等待，這段文本顯示8秒后會消失，安拓網絡。 </div>
jQuery(document).ready(function(){
jQuery(document).on('click', 'input#place_order', function(){
jQuery(".after_submit_remind").show().delay(8000).hide(0);
});
});
擴展：令時間每秒自動減1；
將text中的“8”改為“9”；
jQuery(document).on('click', 'input#place_order', function(){
jQuery(".after_submit_remind").show().delay(8000).hide(0);
jQuery(function (){
reduceTime();
});
function reduceTime() {
var auto_reduce = jQuery("#auto-time").html();
if(auto_reduce == 0){
jQuery("#auto-time").html("9");
}else{
jQuery("#auto-time").html(--auto_reduce);
setTimeout(reduceTime,1000);
}
};
});/*顯示 8s 的content*/
感興趣的朋友可以使用如下工具測試上述代碼運行效果：
在線HTML/CSS/JavaScript代碼運行工具：
http://tools.jb51.net/code/HtmlJsRun
在線HTML/CSS/JavaScript前端代碼調試運行工具：
http://tools.jb51.net/code/WebCodeRun
更多關于jQuery相關內容可查看本站專題：《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery操作json數據技巧匯總》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
