ボタンからclick
イベントで実行する機能を持っています。それをクリックすると、私のメッセージ "Email was send!"が表示されます。フォームの代わりに。HTML要素(div)のコンテンツを数秒間変更します
5秒後、このメッセージは表示されなくなり、何も残っていません。 5秒後に元のコンテンツをdiv
に戻すにはどうすればよいですか?以下は私のスニペットです。
function myFunction() {
document.getElementById("form").innerHTML = "Email was send!";
setTimeout(function() {
document.getElementById('form').style.display = 'none';
}, 5000);
}
メッセージを5秒間表示してから元のフォームのコンテンツに戻したいとします。
あなたのフォームにとどまるべきです。成功メッセージをあなたのページに追加し、5秒後にそれを消してください。 – CoderBoy
代わりに、フォームを一時的に置き換えるのではなく、別の要素に成功メッセージを置き、もう1つを非表示にして、別の要素を表示する必要があります。 –
新しい値を割り当てる前にinnerHTMLを保存しようとしましたか?その後、display noneを設定する代わりに、この保存された値でinnerHTMLを再度設定することができます。 – Berkay92