本文实例讲述了jQuery实现文本显示一段时间后隐藏的方法。分享给大家供大家参考,具体如下:
点击按钮时,提示信息显示,8秒后,信息隐藏。
& lt;输入id=" place_order " name=" place_order " type="提交"/比;
& lt; div类=癮fter_submit_remind”比;
请耐心等待,这段文本显示8秒后会消失,安拓网络。
& lt;/div>
之前
jQuery(文档)时函数(){
jQuery(文档)。(“点击”,输入# place_order,函数(){
jQuery (“.after_submit_remind”),告诉().delay hide (0) (8000);
});
});
之前
<强>扩展:令时间每秒自动减1;
将文本中的“8”改为“9”;
jQuery(文档)。(“点击”,输入# place_order,函数(){
jQuery (“.after_submit_remind”),告诉().delay hide (0) (8000);
jQuery(函数(){
reduceTime ();
});
函数reduceTime () {
var auto_reduce=jQuery (“# auto-time”) . html ();
如果(auto_reduce==0) {
jQuery . html (“# auto-time”) (“9”);
其他}{
jQuery (“# auto-time”) . html (——auto_reduce);
setTimeout (reduceTime, 1000);
}
};
},/*显示8年代的内容*/之前
http://tools.jb51.net/code/HtmlJsRun
http://tools.jb51.net/code/WebCodeRun
更多关于jQuery相关内容可查看本站专题:《jQuery常见事件用法与技巧总结》,《jQuery常用插件及用法总结》,《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》,《jQuery常见经典特效汇总》及《jQuery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
