html动画隐藏一段时间内自动显示,jQuery实现文本显示一段时间后隐藏的方法分析...

本文实例讲述了jQuery实现文本显示一段时间后隐藏的方法。分享给大家供大家参考，具体如下：

点击button时，提示信息显示，8秒后，信息隐藏。

请耐心等待，这段文本显示8秒后会消失，安拓网络。

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*/

感兴趣的朋友可以使用如下工具测试上述代码运行效果：

希望本文所述对大家jQuery程序设计有所帮助。