5秒后清除innerHTML
5秒后清除innerHTML
提问于 2016-11-12 02:51:31
我有下面的代码，它工作得很好，但我想在5秒后清除innerHTML。不是每5秒一次，但当它出现时，它会在5秒后再次清除。一次！
function myfunction() {
var x = document.forms["forma"]["emri"].value;
var x1 = document.forms["forma"]["mbiemri"].value;
var x2 = document.forms["forma"]["email"].value;
var x3 = document.forms["forma"]["vendbanimi"].value;
if ((x == null || x == "") || (x1 == null || x1 == "") || (x2 == null || x2 == "") || (x3 == null || x3 == "")) {
document.getElementById("js").innerHTML = "Ju lutem ploresojini te gjitha te dhenat";
return false;
}
if (x2.indexOf("@") < 1) {
document.getElementById("js").innerHTML = "Ju lutem insertoni nje email te sakte";
return false;
}
}<div class="forma">
<center>
<form class="form-orizontal" method="post" name="forma">
<div class="input-prepend">
<span class="add-on">e</span>
<input class="span2" id="prependedInput" type="text" placeholder="emri" name="emri">
</div>
<br>
<div class="input-prepend">
<span class="add-on">mb</span>
<input class="span2" id="prependedInput" type="text" placeholder="mbiemri" name="mbiemri">
</div>
<br>
<div class="input-prepend">
<span class="add-on">@</span>
<input class="span2" id="prependedInput" type="text" placeholder="email" name="email">
</div>
<br>
<div class="input-prepend">
<span class="add-on">vb</span>
<input class="span2" id="prependedInput" type="text" placeholder="vendbanimi" name="vendbanimi">
</div>
<br>
<div class="input-prepend">
<span class="add-on">V</span>
<select name="viti_lindjes" class="small">
<option style="display:none">Viti i lindjes</option>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
</select>
</div>
<div class="control-group">
<div class="controls">
<button type="submit" class="btn" name="submit" onclick="return myfunction()">Submit</button>
<input type="reset" class="btn">
</div>
</div>
<div id="js"></div>
</form>
</center>
</div>
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-11-12 02:55:45
setTimeOut function waits for you
function appearing(){
document.getElementById("inner").innerHTML = "Paragraph changed!";
setTimeout(function(){
document.getElementById("inner").innerHTML = "";
}, 5000);
}<a href='#' onClick='appearing()'>Appear and disapper after 5 seconds</a>
<div id='inner'></div>
Stack Overflow用户
发布于 2016-11-12 02:55:10
您将需要使用setTimeout()函数。
这段代码应该可以在您的情况下工作：
function myfunction() {
var x = document.forms["forma"]["emri"].value;
var x1 = document.forms["forma"]["mbiemri"].value;
var x2 = document.forms["forma"]["email"].value;
var x3 = document.forms["forma"]["vendbanimi"].value;
if ((x == null || x == "") || (x1 == null || x1 == "") || (x2 == null || x2 == "") || (x3 == null || x3 == "") ) {
document.getElementById("js").innerHTML = "Ju lutem ploresojini te gjitha te dhenat";
return false;
}
if (x2.indexOf("@") < 1) {
document.getElementById("js").innerHTML = "Ju lutem insertoni nje email te sakte";
return false;
}
setTimeout(functionToDisappearInnerHTML(), 5000); //Sets a timer that starts the function in 5 seconds (5000 milliseconds)
}
function functionToDisappearInnerHTML() {
document.getElementById("js").innerHTML = ""; //Clears the innerHTML
}Stack Overflow用户
发布于 2018-07-04 05:07:44
伙计，我知道了。如果去掉括号，文本将在五秒钟后消失。更改此设置：
setTimeout(functionToDisappearInnerHTML(), 5000);要这样做：
setTimeout(functionToDisappearInnerHTML, 5000);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40554378
复制相关文章
相似问题