js 文本显示一段时间后隐藏
2017-04-10 09:34
302 查看
点击button时,提示信息显示,8秒后,信息隐藏。
扩展:令时间每秒自动减1;
将text中的“8”改为“9”;
<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*/
相关文章推荐
- JS/JQuery显示或隐藏文本方法
- js控制显示和隐藏文本
- angluajs表格数据框文本数据超长显示与隐藏
- Js 网页上反复显示隐藏效果的文本
- Js 网页上反复显示隐藏效果的文本
- Js控制显示、隐藏文本框中的密码
- 比较不错的JS/JQuery显示或隐藏文本的方法
- js控制文本字数,并能点击显示和隐藏
- 如何实现:GridView 控件中显示的文本不自动换行,隐藏超出宽度部分wj-wangjun
- firefox TBODY 用js显示和隐藏时出现错位的解决方法
- js 点击标题显示/隐藏层内内容(任意数量,可设css)
- js小实例(显示或隐藏)
- js 文本在一行内幻灯显示效果
- js--鼠标移入移出小图片,显示隐藏大图片
- JS代码解决层显示/隐藏问题
- 点击显示和隐藏层(js效果,IE FF均可)
- js tr控制下面的tbody隐藏和显示
- 网页图片显示一段时间后自动隐藏 怎样实现 实现代码
- js--> 显示隐藏 表单页面中的辅助选项