一个JS的时间操作问题===>
<html>
<head>
<title>JS</title>
<meta name="Generator" content="EditPlus">
<style type="text/css">
body
{
font-size:14px;
}
</style>
<script language="JavaScript">
<!--
var t=0;
function Additems()
{
var Op=document.getElementById("s");
Op.options[Op.options.length] = new Option("第三行","3");
document.getElementById("ms").style.display="block";
t=0;
doHidden();
}
function doHidden()
{
t+=1;
if(t==3)
{
document.getElementById("ms").style.display="none";
clearTimeout(tt);
}
var tt = setTimeout("doHidden()",1000);
}
//-->
</script>
</head>
<body>
<center>
<select id="s">
<option value="1">第一行</option>
<option value="2">第二行</option>
</select>
<input type="button" value=" 操作列表框 " style="padding-top:3px;" OnClick="Additems();">
<div id="ms" style="z-index:20;border:1px solid blue;padding:10px;top:100;left:400;position:absolute;width:200px;background-color:#0000ff;color:white;display:none;">恭喜你,添加成功</div>
</center>
</body>
</html>
<head>
<title>JS</title>
<meta name="Generator" content="EditPlus">
<style type="text/css">
body
{
font-size:14px;
}
</style>
<script language="JavaScript">
<!--
var t=0;
function Additems()
{
var Op=document.getElementById("s");
Op.options[Op.options.length] = new Option("第三行","3");
document.getElementById("ms").style.display="block";
t=0;
doHidden();
}
function doHidden()
{
t+=1;
if(t==3)
{
document.getElementById("ms").style.display="none";
clearTimeout(tt);
}
var tt = setTimeout("doHidden()",1000);
}
//-->
</script>
</head>
<body>
<center>
<select id="s">
<option value="1">第一行</option>
<option value="2">第二行</option>
</select>
<input type="button" value=" 操作列表框 " style="padding-top:3px;" OnClick="Additems();">
<div id="ms" style="z-index:20;border:1px solid blue;padding:10px;top:100;left:400;position:absolute;width:200px;background-color:#0000ff;color:white;display:none;">恭喜你,添加成功</div>
</center>
</body>
</html>
上边的代码的功能:一个消息提示的作用.
运行没问题,但为什么这个提示框显示的时间越来越短呢?
请教大虾了喽^o^