この記事では、Settimeoutを使用して遅延したポップアップ警告ボックスを実装する方法について説明します。参照のためにそれを共有してください。詳細は次のとおりです。
最初に、遅延/タイミング/強制ポップアップウィンドウのJSコードを表示します
パラメーターの説明：時間：then.settime（then.gettime（） + 1*60*60*1000）Mylove/ttan.htm（トランジションWebページ）http：//ポップアップウェブページ/はウェブページ/IS Webページです。サイズ）DialogWidth：800px（幅）Dialogheight：600px（height）3000（delay Popup time、ung：milliseconds.1 second = 1000ms）<！ - ポップアップ広告 - > <スクリプト言語= "javascript"> function get（）{var then = new date（）then.gettime（） string（document.cookie）var cookieheader = "cookie1 =" var beginposition = co cookiestring.indexof（cookieheader）if（beginposition！= -1）{} else {document.cookie = "cookie1 =" cookie1 = "cookie1; expires ="+++ then.togmtstring（）focusId = setimeout（ "focus（）; window.showmodelessdialog（ 'ttan.htm'、 ''、 'scroll：0; status：0;ヘルプ：0; resizable：0; dialogwidth：0px; dialogheight：0px '） "、3000）window.focus（）;}} get（）; </script> <！ - popup ---> ttan.htmの内容：<スクリプト言語= "javascript"> <！ - window.open（ "http：// pop-up webpage/"）; //-> </script> <script language = "javascript"> <！ - setimeout（ 'window.close（）;'、0）//-> </<> <> <> <pop for for for expent in suct in suct in suct in excuent for exped expedそして、それは強制ポップアップを達成することができます！ ！次のコードが実行された後、ボタンをクリックした後に警告ボックスがポップアップします。これは主にSettimeOutの使用方法を示しています
<！doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> delayディスプレイプロンプトボックス</title> <style>＃div1 {float：left;幅：60px;高さ：60px;背景色：アクア; }＃div2 {position：relative;フロート：左;マージン：0 10px;幅：200px;高さ：200px;バックグラウンドカラー：#cccccc;表示：なし; } </style> <script> window.onload = function（）{var odiv1 = document.getElementById（ 'div1'）; var odiv2 = document.getElementById（ 'div2'）; var timer = null; // odiv1.onmouseover = function（）{// cleartimeout（Timer）; // odiv2.style.display = 'block'; // div2 //マウスがdiv1に移動するとき// div1からdiv2に移動するには、div2を非表示にする必要があります//}; /// odiv2.onmouseover = function（）{// ClearTimeout（Timer）; //マウスがdiv2に移動するときに遅延設定をクリアするには、div2を表示する必要があります//}; /// odiv2.onmouseout = function（）{// timer = settimeout（function（）{// odiv2.style.display = 'none'; //マウスがdiv2から移動するとき、div2を非表示にする必要があります//}、500）; //マウスがdiv2をdiv2に移動してdiv1に移動すると、div2が点滅して再び表示され、点滅効果をクリアするために遅延を設定します。 // //遅延を設定した後、マウスがdiv1に移動すると、settimeout、// //遅延をクリアする必要があるためdiv2が隠され、遅延のコードが追加されて遅延をクリアします。 //}; //これらの4つのイベントのコードは同じまたは類似しているため、次の単純化された処理を実行できます。ODIV1.ONMOUSEOVER= ODIV2.ONMOUSESOVER = function（）{clearTimeout（Timer）; odiv2.style.display = 'block'; /*マウスがdiv1に移動すると、div2が表示されます。ただし、ODIV2.ONMOUSEOVERはODIV2.style.display = 'block'に記述されていません。しかし、実際にはODIV2は「ブロック」状態にあり、もう1つのコードを書くことは大きな影響を与えません*/}。 odiv1.onmouseout = odiv2.onmouseout = function（）{timer = setimeout（）{odiv2.style.display = 'none'; //マウスがdiv1を削除するときにdiv2を非表示}、500）; // div1からdiv2に移動するには、div1がdiv1}から移動すると遅延設定が必要です。 } </script> </head> <body> <h2>遅延プロンプトボックス</h2> <div id = "div1"> </div> <div id = "div2"> </div> </body> </html>遅延プロンプトボックスを作成するときに注意が必要なポイントは、コメントに記録されています。 1つずつ注意してください。この機能は、ビデオチュートリアルを読んだ後、よりスムーズです。その理由は、コードを作成する前に、必要な関数のリストが1つずつ実装されているためです。問題がある場合は、コードを直接記述するよりも、対応する調整を行う方がはるかに優れています。