Bootstrap的popover（弹出框）2秒后定时消失的实现代码

更新时间：2017年02月27日 15:17:19 作者：向着阳光微笑

Bootstrap Popover（弹出框）是使用定制的 Jquery 插件创建的。它可以用来显示任何元素的一些信息。这篇文章主要介绍了Bootstrap的popover（弹出框）2秒后定时消失功能，需要的朋友参考下

Bootstrap Popover（弹出框）是使用定制的 Jquery 插件创建的。它可以用来显示任何元素的一些信息。

先在目标DOM结构中弹出小提示，然后2秒后提示消失

<input type="text" class="form-control" id="tableName" placeholder="请输入表格名称" data-toggle="tooltip" data-placement="top">
<script>
function showPopover(target, msg) {
  target.attr("data-original-title", msg);
  $('[data-toggle="tooltip"]').tooltip();
  target.tooltip('show');
  target.focus();
  //2秒后消失提示框
  var id = setTimeout(
    function () {
      target.attr("data-original-title", "");
      target.tooltip('hide');
    }, 2000
  );
}
showPopover($("#tableName"),"表名已存在");
</script>

以上所述是小编给大家介绍的Bootstrap的popover（弹出框）2秒后定时消失，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

JavaScript实现预览本地上传图片功能完整示例
这篇文章主要介绍了JavaScript实现预览本地上传图片功能,结合完整实例形式分析了javascript图片预览相关的格式正则验证、浏览器判断、页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
2019-03-03
深入浅出理解JavaScript闭包的功能与用法
这篇文章主要介绍了深入浅出理解JavaScript闭包的功能与用法,结合实例形式从变量、函数的内部属性与作用域链分析了javascript闭包的相关概念、功能与使用技巧,需要的朋友可以参考下
2018-08-08
javascript控制frame,iframe的src属性代码
原理就是通过获取当前网页地址栏的信息传参，然后设置框架的地址。
2009-12-12
ES6顶层对象、global对象实例分析
这篇文章主要介绍了ES6顶层对象、global对象,结合实例形式分析了ES6顶层对象与global对象的概念、原理、用法及相关操作注意事项,需要的朋友可以参考下
2019-06-06
js实现一个省市区三级联动选择框代码分享
省市区三级联动在填写表单时有关地址这一块显得尤为重要,直接提高了用户的填写速度与准确度，接下来本文使用js代码实现一个，感兴趣的你可以参考下希望可以帮助到你
2013-03-03
深入探讨JavaScript中Class的语法与使用
这篇文章将带大家深入探讨 class 在 JavaScript 中的作用、语法和使用方法，并与 ES5 构造函数进行对比，希望可以帮助大家更好地理解和应用类的概念
2023-06-06
js canvas实现圆形流水动画
这篇文章主要为大家详细介绍了js canvas实现圆形流水动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-04-04
JavaScript动态生成二维码图片
本文给大家介绍js动态生成二维码图片的相关内容，感兴趣的朋友一起学习吧
2016-04-04
javascript实现的图片预览和上传功能示例【兼容IE 9】
这篇文章主要介绍了javascript实现的图片预览和上传功能,结合实例形式分析了javascrpt图片预览和上传功能相关实现技巧与操作注意事项,需要的朋友可以参考下
2020-05-05
10个很少使用的JavaScript Console方法分享
你一定听说过 console.log() ,而且可能一直在使用它,在本文中,我们将探讨一些最有用的控制台方法,以及它们在数据可视化、调试等方面的用途,感兴趣的小伙伴可以学习一下
2023-09-09