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