问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
你好,欢迎来到懂视!登录注册
当前位置: 首页 - 正文

javascript怎样给这个代码加上个定时器让它延时500毫秒显示呢?_百度...

发布网友 发布时间:2022-04-27 05:47

我来回答

1个回答

热心网友 时间:2022-04-23 02:46

使用一个闭包就搞定了

<html>
    <head>
        <style type="text/css">
            *{margin:0;padding:0;} #div1{position:absolute;} li{list-style-type:none;text-align:center;width:70px;height:30px;line-height:30px;}
            #zg li{background:blue;float:left;} #zg li #bj li{background:green;} #zg
            li #bj li #xc li{background:red;} #xc,#sjz{position:relative;left:70px;top:-30px;}
            #dc{position:relative;left:70px;top:-60px;} #bj{display:none;} #hb{display:none}
            #xc{display:none;} #dc{display:none;}
        </style>
        <script type="text/javascript">
            onload = function()
            {
                var lis = document.getElementsByTagName("li");

                for (var i = 0; i < lis.length; i++) {

                    lis[i].onmouseover = function()

                    {
                        var p = this;
                         setTimeout(function() {
                            return function(parent) {
                                parent.children[0] ? parent.children[0].style.display = "block": 0;
                            } (p);
                        },
                        500);

                    }

                    lis[i].onmouseout = function()
                    {

                        this.children[0] ? this.children[0].style.display = "none": 0;

                    }

                }

            }
        </script>
    </head>
    
    <body>
        <div id="div1">
            <ul id="zg">
                <li>
                    北京
                    <ul id="bj">
                        <li>
                            西城区
                            <ul id="xc">
                                <li>
                                    西单
                                </li>
                                <li>
                                    西单
                                </li>
                                <li>
                                    西单
                                </li>
                            </ul>
                        </li>
                        <li>
                            东城区
                            <ul id="dc">
                                <li>
                                    东单
                                </li>
                                <li>
                                    东单
                                </li>
                                <li>
                                    东单
                                </li>
                            </ul>
                        </li>
                        <li>
                            崇文区
                        </li>
                    </ul>
                </li>
                <li>
                    河北
                    <ul id="hb">
                        <li>
                            石家庄
                            <ul id="sjz">
                                <li>
                                    桥东
                                </li>
                                <li>
                                    桥东
                                </li>
                                <li>
                                    桥东
                                </li>
                            </ul>
                        </li>
                        <li>
                            保定
                        </li>
                        <li>
                            邢台
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </body>

</html>

javascript怎样给这个代码加上个定时器让它延时500毫秒显示呢?_百度...

使用一个闭包就搞定了 *{margin:0;padding:0;} #div1{position:absolute;} li{list-style-type:none;text-align:center;width:70px;height:30px;line-height:30px;} #zg li{background:blue;float:left;} #zg li #bj li{background:green;} #zg li #bj li #xc li...

如何用javascript设置延时执行

建议将setTimeout单独设置为一个函数。如:function delayRun(code,time) { var t=setTimeout(code,time);}这样,在需要让某段代码延时执行的时候,只需在这段代码前加入这个函数就可以了。如:onmouseover=delayRun("setTab(0,0)",500)其中setTab是一个自定义的函数。如果以后不想让setTab延时执...

JavaScript中setInterval的用法总结

在JavaScript中,setInterval功能就像播放器的定时器,周期性地执行指定的函数或调用对象的方法。它的基本用法是设置一个函数或对象方法,加上时间间隔(以毫秒为单位),每隔指定时间执行一次。语法格式如下:setInterval(function, interval[, arg1, arg2, ...argn]) 或 setInterval(object, methodName,...

javascript 怎样获得window 对象?

通过js打开窗口就可以获得窗口对象,实例:在win1 win2 win3窗口中都有input,id为wins:在win4窗口中输入JS:var win1=window.open("win1.html","","")var win2=window.open("win2.html","","")var win3=window.open("win3.html","","")这样win1,win2,win3就分别是三个窗口的...

实现javascript的延期执行或者重复执行的两个函数

1.window.setTimeout方法 该方法可以延时执行一个函数,例如:一秒后会弹出"hello"[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]这段代码将使得页面打开5秒钟后显示对话框“hello”。其中最后一句也可以写为:window.setTimeout("hello()",1000);读者可以体会它们的差别,在window.setInterval方法...

求解:Javascript如何控制定时执行

现在你要做的时:在每次宽度增加以后,再生成一个新的定时器。建议采用递归的方式执行:// 方法一:使用全局变量window.x = x;function resize() { window.x.width++; if (window.x.width &lt; 1000) { setTimeout('resize()', 500); }}resize();// 方法二:使用闭包, 避免污染...

js定时器如何传参数js定时器如何传参数数据

windows浏览器AdobeDreamweaver 步骤/方法 当你用鼠标点击页面的标签时,onClick事件就会被触发。这个事件可以调用相应的函数作为它的事件处理函数。在函数中,它可以是任何合法的JavaScript代码。 执行setTimeout方法时,表达式在加载后延迟指定时间后才执行一次。 alert方法有一个参数,即您要向用户显示的文本字符串,它不是...

javascript这个数字时钟总是延时一秒钟显示怎么办??

setInterval(function aa(){});这里的aa不是全局的。因此下面直接调用的那个没执行。方法是将aa的定义,挪到setInterval外面,setInterval(aa,1000),下面也在onload里调用aa(),应该就可以了。另外,javascript的计时不是很准,所以你会发现秒数有可能会跳,比如,当前秒是1,毫秒数是999,下次执行是...

JavaScript,网页打开后延迟5秒显示一个div怎么写?

完整的示例代码 主要是JS的延时定时器语法的书写,通过延时改变元素的display属性即可实现。

javascript定时器怎么不出结果啊,代码如下

str=str+hours+"时"+minures+"分"+seconds+"秒",这句中minures没定义,改为minutes就好了,希望可以帮到你

声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。
E-MAIL:11247931@qq.com
阵亡和伤亡两个有什么区别? 阵亡和战死有什么区别? 某校五年级有256人其中女生有134人女生占五年级全体学生的几分之几男 ... 在迎国庆的日子里学校举行了一系列的活动五年级学生共有134人参加此次... 吃果冻什么意思 吃果冻什么含义 月什么溶溶 望月的歌词是什么? 形容海边日落的文案(描写海边夕阳余晖的优美句子) 《月下小景》沈从文 月下小景基本信息 好听的古代人名 jQuery hover 延时器实现代码 继电器js7 原理是什么?如何调整延时范围? js clearTimeout不起作用怎么回事,关不了那个定时器 要写小说词穷,想不出好名字所以要一些好听的古代男女的名字 js html 问题,急求一明白人,延时器为什么不好用。 求一些好听的古代女子名,男子名,丫头名。 javascript 延时显示隐藏DIV javascript 定时器如何使用?涉及到得函数有哪些? js延时器setTimeout(,)把第一个参数直接设置为一段函数,第二个参数就... 起优雅的古代名字 javascript的一个闭包和延时器问题,怎么解决? 起好听的古人名字 好听的名字(古代) 有哪些好听的古人名字? 一群红领围了过来,不一会儿就帮这位小姑娘把苹果捡了起来,用了什么手法 QQ高级群红色消失 小弟弟旁边一群红的,很痒 我建的高级群红色的怎么变成不红了、我会员掉了2个月 可是还是VIP4 怎么在亮啊! 怀化大峡谷和群红山庄哪个离怀化高铁站近点? JavaScript提供了哪些定时器? js定时器的准确时间? js定时器怎么写? 玉手镯是纯色的好,还是多色的好 js中怎样能让定时器立刻执行? 翡翠手镯上有绿、黄、紫&nbsp;三种颜色好,还是只有一种颜色好呢? 玉手镯中有很多颜色是好的吗,哪种的比较好啊 玉镯的哪种颜色比较好? 怎样挑选玉镯?是颜色深的好还是颜色浅的好? 玉镯的好坏该怎样识别? 玉镯什么颜色好点?最基本的分辨方法是什么?谢谢 玉镯颜色均匀不透明的和透明的颜色深一些的哪个好 手机聊天记录已经删除 恢复出厂设置后聊天记录还能找到吗? 按手机自带的备份与恢复以后导致最近的聊天记录没有了,咋办能恢复吗 按手机自带的备份与恢复以后导致最近的聊天记录没有了,咋办能恢复吗? 手机被恢复出厂设置后,微信聊天记录能不能找回来? 简单的面食的做法 花样大全窍门 面条的做法 花样大全家常简单 面食的做法 花样大全话 面条花样做法大全 怎么做好吃的意式凉面
  • 焦点

最新推荐

猜你喜欢

热门推荐