これは、あなたの望むことですか?テスト
例 Test1:
HTML テスト 1 :
<input type="button" value="Test" onclick="showAlert();"></input>
JAVASCRIPT Test1 :
function showAlert() {
setTimeout(function() {
alert('thanks the content has been submitted for review');
},5000); // 5 seconds
}
onclick を JavaScript で処理し、遅延前にアラートを表示する例: Test2
JAVASCRIPT Test2 :
document.getElementById("myButton").onclick=function(){showAlert()};
function showAlert() {
alert('thanks the content has been submitted for review');
setTimeout(function() {
// DO OTHER STUFF
},5000); // 5 secon
}
DIV 内のアラートを示す例: Test3
HTML テスト 3 :
<input id="myButton" type="button" value="Test"></input>
<div id="alert" style="display: none;">
thanks the content has been submitted for review.
</div>
JAVASCRIPT Test3 :
document.getElementById("myButton").onclick=function(){showAlert()};
function showAlert() {
document.getElementById("alert").style.display = "block";
setTimeout(function() {
// DO OTHER STUFF
},5000); // 5 secon
}
CSS テスト 3 (非常に単純):
#alert {
border: 1px solid;
height: 20px;
width: 400px;
position: absolute;
left: 150px;
top: 40px;
}