ホームページ >ウェブフロントエンド >jsチュートリアル >js コード共有後、div は 2 秒後に自動的に消えます。
この記事では、主に、setTimeout() を使用して、指定したミリ秒数後に関数を呼び出したり、式を計算したりする div の JS コードを共有します。 。皆さんのお役に立てれば幸いです。
四象限を実行する過程でプロンプト情報が表示されますが、一定時間が経過するとプロンプト情報が自動的に非表示になるようにしたいです。
上の図に示すように、プロンプトは 2 秒後に自動的に非表示になります。どうすればよいですか?
setTimeout(code, millisec)
setTimeout() はコードを 1 回だけ実行します。複数回呼び出す場合は、setInterval() を使用するか、コード自体で setTimeout() を再度呼び出すようにします。
<html> <head> <script type="text/javascript"> function timedMsg() { var t=setTimeout("alert('5 seconds!')",5000) } </script> </head> <body> <form> <input type="button" value="Display timed alertbox!" onClick="timedMsg()"> </form> <p>Click on the button above. An alert box will be displayed after 5 seconds.</p> </body> </html>
関連する推奨事項:
JS/jQuery で、消えるか表示される前に数秒間の DIV 遅延を実装します
jQuery 2 つの div コード共有でのボタンの位置の交換を実装します
以上がjs コード共有後、div は 2 秒後に自動的に消えます。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。