In diesem Artikel wird die Methode der Verwendung von SetTimeout zur Implementierung eines verzögerten Pop-up-Warnboxs beschrieben. Teilen Sie es für Ihre Referenz. Die Details sind wie folgt:
Zeigen Sie zuerst einen JS -Code für Delay/Timed/Zwangs -Popup -Fenster an
Parameter Erläuterung: Zeit setzen: dann Dialogwidth: 800px (Breite) Dialogheight: 600px (Höhe) 3000 (Verzögerungs-Popup-Zeit, Einheit: Millisekunden.1 Sekunden. String (document.cookie) var cookieHeader = "Cookie1 =" var beginPosition = cookiestring.indexof (CookieHeader) if (beginposition! Then.togmtstring () focusId = setTimeout ("focus (); window.showmodelessDialog ('ttan.htm', '', 'Scroll: 0; Status: 0; Hilfe: 0; Resizable: 0; Dialogwidth: 0px; DialogHeight: 0px ') ", 3000) Fenster Inhalt von ttan.htm: <script langual = "javaScript"> <!-window.open ("http: // pop-up-Webseite/"); //-> </script> <script langual Und es kann erzwungene Pop -up erreichen! !Nachdem der folgende Code ausgeführt wurde, wird nach dem Klicken auf die Schaltfläche ein Warnfeld angezeigt
<! DocType html> <html Lang = "en"> <kopf> <meta charset = "utf-8"> <title> Delay Display-Eingabeaufforderung Box </title> <style> #div1 {float: links; Breite: 60px; Höhe: 60px; Hintergrundfarbe: Aqua; } #div2 {Position: relativ; float: links; Rand: 0 10px; Breite: 200px; Höhe: 200px; Hintergrundfarbe: #ccccc; Anzeige: Keine; } </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 // Wenn die Maus in Div1}; //// Odiv1.onmouseout = function () {// Timer = setTimeout (function () {// odiv2.style.display = 'none'; // Div2 //}, wenn die Maus ab Divoves, 500), bewegt; // Um von Div1 nach Div2 zu wechseln, sollte Div2 versteckt eine Verzögerungseinstellung haben //}; //// Odiv2.onmouseover = function () {// Clearimeout (Timer); // Die Verzögerungseinstellung löschen, wenn die Maus in Div2 bewegt wird, sollte Div2 angezeigt werden //}; //// Odiv2.onmouseout = function () {// Timer = setTimeout (function () {// odiv2.style.display = 'none'; // Wenn sich die Maus aus Div2 herauszieht, sollte Div2 versteckt sein //}, 500); // Wenn sich die Maus div2 und in Div1 bewegt, blinkt Div2 und zeigt erneut eine Verzögerung, um den blinkenden Effekt zu löschen. // //, aber nach der Einstellung der Verzögerung und wenn die Maus in Div1 einzieht, ist Div2 versteckt, weil SetTimeout // // die Verzögerung gelöscht werden sollte, und der Code für die Verzögerung wird im Ereignis von ODIV1.onmouseover hinzugefügt, um die Verzögerung zu löschen. //}; // Da die Codes in diesen vier Ereignissen gleich oder ähnlich sind, kann die folgende vereinfachte Verarbeitung erfolgen: ODIV1.onmouseover = odiv2.onmouseover = function () {ClearTimeout (Timer); odiv2.Style.display = 'Block'; /* Wenn sich die Maus in Div1 bewegt, wird Div2 angezeigt. Obwohl odiv2.onmouseover nicht in der odiv2.style.display = 'block' geschrieben ist; Tatsächlich befindet sich ODIV2 jedoch im Status "Block", und das Schreiben eines weiteren Code hat keine wesentlichen Auswirkungen*/}; odiv1.onmouseout = odiv2.onmouseout = function () {timer = setTimeout (function () {odiv2.style.display = 'none'; // div2 ausblenden, wenn die Maus div1}, 500); // Um von Div1 nach Div2 zu wechseln, sollte eine Verzögerungseinstellung vorhanden sein, wenn Div1 aus Div1 ausgestrahlt wird. // Das vereinfachte Code -Ausführungsergebnis entspricht genau dem vorherigen Codeeffekt. "Die Punkte, die beim Schreiben des Verspätungs -Eingabeaufenthaltungsfelds geachtet werden müssen, werden in den Kommentaren aufgezeichnet. Bitte achten Sie darauf nacheinander. Diese Funktion ist nach dem Lesen des Video -Tutorials reibungsloser. Der Grund dafür ist, dass vor dem Schreiben des Code eine Liste der erforderlichen Funktionen nacheinander implementiert wird. Wenn es ein Problem gibt, ist es viel besser, entsprechende Anpassungen vorzunehmen, als den Code direkt zu schreiben.