В этой статье описывается метод использования SETTIMEOUT для реализации задержанного всплывающего предупреждения. Поделитесь этим для вашей ссылки. Детали следующие:
Сначала показать вам код JS для задержки/временного/принудительного всплывающего окна
Параметр Объяснение: Установите время: then.settime (then.getTime () + 1*60*60*1000) mylove/ttan.htm (переходная веб -страница) htm http: // opup webpage/is is web -страница для всплывающего Scroll: 1 (Scroll Bar) Статус: 1 (1 (1 (1 (1 (1 (1 (1 (1 (1). Изменение размер) Dialogwidth: 800px (ширина) Dialogheight: 600px (высота) 3000 (время всплывающего окна задержки, единица: Milliseconds.1 Second = 1000 мс) <!-всплывающее окно AD-> <Язык сценария = "javascript"> function get () {var then = новая дата (). String (document.cookie) var cookieheader = "cookie1 =" var starmposition = cookiestring.indexof (cookieHeader) if (starmPotion! = -1) {} else {document.cookie = "cookie1 = popwin; xecires ="+ Then.togmtString () focusId = setTimeout ("FOCUS (); window.showmylessdialog ('ttan.htm', '', 'scroll: 0; status: 0; Справка: 0; Resizeable: 0; Dialogwidth: 0px; Dialogheight: 0px ') ", 3000) window.focus ();}} get (); </script> <!-Pop-up ---> Содержимое ttan.htm: <script language = "javascript"> <!-window.open ("http: // pop-up webpage/"); //-> </script> <script language = "javascript"> <!-Settimeout ('window.close ();', 0) // <// </script> это может быть только для того, чтобы это было то же самое. Задержка всплывающего окна, и он может достичь принудительного всплывателя! !После выполнения следующего кода появится флажок по предупреждению после нажатия кнопки, которая в основном демонстрирует, как использовать Settimeout
<! Doctype html> <html lang = "en"> <head> <meta charset = "UTF-8"> <Title> Box Disply Disply Box </title> <style> #div1 {float: left; Ширина: 60px; Высота: 60px; фоновый цвет: аква; } #div2 {позиция: относительно; Плавание: осталось; Покрас: 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}; //// odiv1.onmouseout = function () {// timer = settimeout (function () {// odiv2.style.display = 'none'; // скрыть div2 //}, когда мышь удаляет div1, 500); // Чтобы перейти от Div1 к Div2, Div2 Hidden должен иметь настройку задержки //}; //// odiv2.onmouseover = function () {// cleartimeout (timer); // очистить настройку задержки, когда мышь перемещается в Div2, Div2 должен отображаться //}; //// odiv2.onmouseout = function () {// timer = settimeout (function () {// Odiv2.style.display = 'none'; // Когда мышь выходит из Div2, div2 должен быть скрыт //}, 500); // Когда мышь выключает Div2 и в Div1, Div2 будет снова вспыхивать и отображать, установите задержку, чтобы очистить мигающий эффект; // //, но после установки задержки и когда мышь перемещается в DIV1, Div2 скрыт, потому что SetTimeout, // // задержка должна быть очищена, и код для задержки добавляется в событии Odiv1.OnmouseOver, чтобы очистить задержку. //}; // Поскольку коды в этих четырех событиях одинаковы или похожи, можно сделать следующую упрощенную обработку: ODIV1.OnmouseOver = ODIV2.onMouseOver = function () {clearTimeout (Timer); Odiv2.style.display = 'block'; /* Когда мышь перемещается в Div1, отображается Div2. Хотя Odiv2.onmouseover не написан в Odiv2.style.display = 'block'; Но на самом деле ODIV2 находится в состоянии «блока», написание еще одного кода не оказывает существенного влияния*/}; ODIV1.onmouseout = ODIV2.onMouseout = function () {timer = setTimeout (function () {Odiv2.style.display = 'none'; // скрыть div2, когда мышь удаляет div1}, 500); // Чтобы перейти от Div1 к Div2, должна быть настройка задержки, когда Div1 перемещается из Div1}; // Упрощенное результат выполнения кода точно такой же, как и предыдущий эффект кода. } </script> </head> <body> <h2> поле для задержки задержки </h2> <div id = "div1"> </div> <div id = "div2"> </div> </body> </html>На то, что в комментариях записываются точки, которые необходимо обратить внимание при написании коробки «Задержка задержки». Пожалуйста, обратите внимание на это один за другим. Эта функция более гладкая после прочтения видеоурок. Причина в том, что перед написанием кода список необходимых функций реализуется один за другим. Если есть проблема, гораздо лучше вносить соответствующие корректировки, чем писать код напрямую.