[解決済み] JavaScriptのスリープ/続行前の待ち時間[重複]について
2022-03-15 07:10:36
質問
私は、スリープ/ウェイト関数を追加する必要があるJavaScriptコードを持っています。私が実行しているコードは、例えば、すでに関数の中にあります。
function myFunction(time)
{
alert('time starts now');
//code to make the program wait before continuing
alert('time is up')
}
などが考えられると聞いたことがあります。
setTimeout
が、この場合、どう使えばいいのかよくわかりません。
jQueryを使えばいいのですが、サーバーがPHPに対応していないため、PHPは使えません。
どのように解決するのですか?
JSにはスリープ機能がありません。 setTimeout() または setInterval() 関数を使用します。
もし、一時停止の後に実行する必要があるコードを
setTimeout()
というコールバックを使えば、次のようなことができます。
//code before the pause
setTimeout(function(){
//do what you need here
}, 2000);
この例をご覧ください。 http://jsfiddle.net/9LZQp/
これはスクリプトの実行を停止させるものではありません。
setTimeout()
は非同期関数であるため、このコードでは
console.log("HELLO");
setTimeout(function(){
console.log("THIS IS");
}, 2000);
console.log("DOG");
はコンソールにこれを表示します。
HELLO
DOG
THIS IS
(ただし ドッグ の前に印刷されます。 これは )
次のコードを使用すると、短時間のスリープをシミュレートすることができます。
function sleep(milliseconds) {
var start = new Date().getTime();
for (var i = 0; i < 1e7; i++) {
if ((new Date().getTime() - start) > milliseconds){
break;
}
}
}
これで、1秒間スリープさせたい場合は
sleep(1000);
の例です。 http://jsfiddle.net/HrJku/1/
ご注意ください このコードによって、あなたのスクリプトは nミリ秒 . これは、ページ上のJavascriptの実行を停止するだけでなく、ブラウザの実装によっては、ページを完全に無反応にし、ブラウザ全体を無反応にする可能性があります。 . 言い換えれば、これはほとんどの場合、間違った行為です。
関連
-
[解決済み】ExpressJS - throw er Unhandled errorイベント
-
JavaScriptのStringに関する共通メソッド
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] wait()とsleep()の違いについて
-
[解決済み】JavaScriptの比較では、どちらの等号演算子(== vs ===)を使うべきですか?
-
[解決済み】JavaScript版sleep()とは?)
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
親子コンポーネント通信を解決する3つのVueスロット
-
JavaScriptのクロージャの説明
-
JavaScriptの配列共通メソッド解説
-
[解決済み] Error : 未定義のプロパティ 'map' を読み取ることができません。
-
[解決済み】Uncaught SyntaxError: JSONの位置0に予期しないトークンuがあります。
-
[解決済み】GETできない / Nodejsエラー
-
[解決済み] TypeError: $.ajax(...) is not a function?
-
nullのプロパティinnerHTMLを読み取れません エラーメッセージ
-
JavaScriptのgetElementById()メソッド入門
-
[解決済み】JavaScript版sleep()とは?)