js DIV延时几秒后消失或显示代码

最新推荐文章于 2023-01-22 16:29:12 发布

Ren_ger

最新推荐文章于 2023-01-22 16:29:12 发布

阅读量2.7k

点赞数

1、最常用的方法：

2、第二种方法

jquery 让一个div延时消失，纯jQuery,不用settimeout，就用jQuery写。

代码如下   复制代码

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

完整实例

代码如下   复制代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>div层延时消失</title>
<script>
function operate()
{
    document.getElementById('div_test').style.display="";
    setTimeout("disappeare()",2000);
}
function disappeare(){
    document.getElementById('div_test').style.display="none";
}
</script>
</head>

优惠劵

Ren_ger

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js DIV延时几秒后消失或显示代码

1、最常用的方法：&lt;script language='javascript' type='text/javascript'&gt;$(function () { setTimeout(function () { $("divid").show(); }, 6000);})&lt;/script&gt;2、第二种方法jquery 让一个div...
复制链接

扫一扫