js 文本显示一段时间后隐藏

时间:2022-07-08 16:56:19

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

<input id="place_order" name="place_order" type="submit" />

<div class="after_submit_remind" style="display: none;">
请耐心等待,这段文本显示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*/