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

来源：互联网发布：知无涯编辑：程序博客网时间：2024/06/07 05:55

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

0 0