以下是成功输入用户名的代码片段。它检查数据库中的值并相应地显示消息。我只想显示其他部分几秒钟,即“用户名成功”消息应该显示并消失。
if(xmlhttp.responseText==1)
{
document.getElementById("check").innerHTML="Username already exists";
}
else
{
document.getElementById("check").innerHTML="Username successfull";
}
检查类如下:
<ul class="user">
<li class="label">User name </li>
<li class="field">
<input type="text" id="username" name="username" class="required error" onchange="checkuser(this.value);"/>
<div class="check " id="check"/>
</li>
</ul>
最佳答案
您可以使用setTimeout
以便在一段时间后您想要将Usernane successfull
更改为空字符串
尝试:
if(xmlhttp.responseText==1)
{
document.getElementById("check").innerHTML="Username already exists";
}
else
{
document.getElementById("check").innerHTML="Username successfull";
//ADD THIS CODE
setTimeout(function(){
document.getElementById("check").innerHTML="";
},3000);
}
}
或者你可以在你想要的一段时间后再次更改 display
属性 setTimeout
尝试:
if(xmlhttp.responseText==1)
{
document.getElementById("check").innerHTML="Username already exists";
}
else
{
document.getElementById("check").innerHTML="Username successfull";
//ADD THIS CODE
setTimeout(function(){
document.getElementById('check').style.display = "none";
},3000);
}
}
关于javascript - 如何在 javascript 中显示一条消息几秒钟然后消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22655144/