您的位置:首页 > Web前端 > JavaScript

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

2017-04-10 09:34 302 查看
点击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*/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: