JS与jQuery实现DIV延时显示或隐藏的两种常用方法

作者:拾光

时间:2026-10-22

浏览:104

本文介绍了利用JavaScript和jQuery实现DIV元素延时显示或隐藏的两种常用方案。第一种方法基于原生JS的setTimeout函数,通过设置时间延迟后调用jQuery的show方法;第二种方法利用jQuery 1.4.2新增的delay函数,配合hide方法实现延时隐藏效果。文中提供了具体代码示例及注意事项,帮助开发者根据实际需求选择合适的实现方式。

文章目录

本文详细介绍如何使用JavaScript或jQuery实现DIV元素在指定时间后自动显示或隐藏的功能,供读者参考借鉴。

基于setTimeout的延时显示方案

第一种方案是最为常见的实现方式(setTimeout):


<script language='javascript' type='text/javascript'>
$(function () {
 setTimeout(function () {
  $("divid").show();
 }, 6000);
})
</script>

第二种方案(delay)

基于jQuery delay函数的延时隐藏方案

使用纯jQuery代码实现DIV延时消失,无需依赖原生的setTimeout函数。


<script language='javascript' type='text/javascript'>
$(document).ready(
 function()
 {
  /**
  *1.delay函数是jquery 1.4.2新增的函数
  *2.hide函数里必须放一个0,不然延时不起作用
  */
  $('#divid').delay(6000).hide(0);
 }
);
</script>

如需进一步了解JavaScript相关知识,可参考本站其他专题:《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》以及《JavaScript数学运算用法总结》。

希望上述内容能对您的JavaScript编程工作提供有益帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章