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 < 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就好了,希望可以帮到你