이 기사에서는 Settimeout을 사용하여 지연된 팝업 경고 상자를 구현하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 세부 사항은 다음과 같습니다.
먼저 지연/시간/강제 팝업 창에 대한 JS 코드를 보여줍니다.
매개 변수 설명 : 시간 설정 : then.settime (when.gettime () + 1*60*60*1000) mylove/ttan.htm (전환 웹 페이지) htm http : // popup webpage/is scroll : 1 (scroll bar) 상태 : 1 (도움말 단추) 도구 (help butthar = 1) Change) Dialogwidth : 800px (width) 대화 상자 : 600px (높이) 3000 (지연 팝업 시간, 단위 : milliseconds.1 second = 1000ms) <!-팝업 ad-> <script language = "javaScript"> function get () {var = new Date () when.set. String (document.cookie) var cookieHeader = "cookie1 ="var beginPosition = cookiestring.indexof (cookieHeader) if (시작 위치! = -1) {} else {document.cookie = "cookie1 = popwin; xpripres ="+ 그런 다음 togmtstring () focusId = settimeout ( "focus (); window.showModelessDialog ( 'ttan.htm', '', 'scroll : 0; status : 0; HELP : 0; RESIZIVE : 0; DINGWIDTH : 0PX; DINGHEIGHT : 0PX ') ", 3000) Window.Focus ();}} get (); </script> <!-팝업 ---> ttan.htm : <script language = "javaScript"> <!-window.open ( "http : // pop-up webpage/"); //-> </script> <script anciption = "javaScript"> <!-settimeout ( 'Window.close ();', 0) //-> </script> 똑같은 기간 동안 단지 팝업 할 수 있습니다. 팝업이 지연되고 강제 팝업을 달성 할 수 있습니다! !다음 코드가 실행되면 버튼을 클릭 한 후 경고 상자가 나타납니다. 주로 Settimeout을 사용하는 방법을 보여줍니다.
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> 지연 프롬프트 박스 </title> <style> #div1 {float : 왼쪽; 너비 : 60px; 높이 : 60px; 배경색 : 아쿠아; } #div2 {위치 : 상대; 플로트 : 왼쪽; 여백 : 0 10px; 너비 : 200px; 높이 : 200px; 배경색 : #CCCCCC; 디스플레이 : 없음; . var odiv2 = document.getElementById ( 'div2'); var timer = null; // odiv1.onmouseover = function () {// startimeout (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 (타이머); // 마우스가 div2로 이동할 때 지연 설정을 지우고, div2를 표시해야합니다. //}; //// odiv2.onmouseout = function () {// timer = settimeout (function () {// odiv2.style.display = 'none'; // 마우스가 div2에서 벗어나면 div2가 숨겨져 있어야합니다 //}, 500); // 마우스가 div2를 꺼내서 div1로 이동하면 div2가 깜박이고 다시 표시되면 깜박임 효과를 지울 수 있도록 지연을 설정합니다. // // 지연을 설정 한 후 마우스가 div1로 이동하면 settimeout으로 Div2가 숨겨져 있습니다. // // 지연이 지연되고 지연에 대한 코드가 ODIV1에서 추가되어 지연을 제거합니다. //}; //이 네 가지 이벤트의 코드는 동일하거나 유사하기 때문에 다음과 단순화 된 처리를 수행 할 수 있습니다. ODIV1.ONMOUDEOVER = ODIV2.ONMOUDEOVER = function () {CLEARTIMEOUT (TIMER); odiv2.style.display = '블록'; /* 마우스가 div1로 이동하면 div2가 표시됩니다. Odiv2.onmouseOver는 ODIV2.style.display = 'block'으로 작성되지 않지만; 그러나 실제로 ODIV2는 '블록'상태에 있으며 코드 하나를 더 쓰는 것은 실질적인 영향을 미치지 않습니다*/}. odiv1.onmouseout = odiv2.onmouseout = function () {timer = settimeout (function () {odiv2.style.display = 'none'; // 마우스가 div1}, 500을 제거 할 때 div2를 숨 깁니다); // div1에서 div2로 이동하려면 div1이 div1에서 이동할 때 지연 설정이 있어야합니다.}; // 단순화 된 코드 실행 결과는 이전 코드 효과와 정확히 동일합니다. }지연 프롬프트 상자를 작성할 때주의를 기울여야하는 포인트는 주석에 기록됩니다. 하나씩주의를 기울이십시오. 이 기능은 비디오 튜토리얼을 읽은 후 더 매끄 럽습니다. 그 이유는 코드를 작성하기 전에 필요한 기능 목록이 하나씩 구현되기 때문입니다. 문제가있는 경우 코드를 직접 작성하는 것보다 해당 조정을하는 것이 훨씬 좋습니다.