บทความนี้อธิบายวิธีการใช้ SettimeOut เพื่อใช้กล่องเตือนป๊อปอัพล่าช้า แบ่งปันสำหรับการอ้างอิงของคุณ รายละเอียดมีดังนี้:
ก่อนอื่นแสดงรหัส JS สำหรับหน้าต่างล่าช้า/เวลา/บังคับ/บังคับ
พารามิเตอร์คำอธิบาย: กำหนดเวลา: จากนั้น settime (แล้ว getTime () + 1*60*60*1000) mylove/ttan.htm (การเปลี่ยนหน้าเว็บ) http http: // เว็บเพจป๊อปอัพ/หน้าเว็บ (ปุ่มช่วย) ขนาดเปลี่ยน) Dialogwidth: 800px (ความกว้าง) Dialogheight: 600px (ความสูง) 3000 (เวลาป๊อปอัพล่าช้า, หน่วย: มิลลิวินาที 1 วินาที = 1,000ms) <!-โฆษณาป๊อปอัพ-> <ภาษาสคริปต์ = "JavaScript" String (document.cookie) var cookieheader = "cookie1 =" var startposition = cookiestring.indexof (Cookieheader) ถ้า (เริ่มต้น! = -1) {} else {document.cookie = "cookie1 = popwin; expires ="+ TOGMTSTRING () focusId = setTimeOut ("focus (); window.showModelessDialog ('ttan.htm', '', 'Scroll: 0; สถานะ: 0; ช่วย: 0; resizable: 0; dialogwidth: 0px; dialogheight: 0px ') ", 3000) window.focus ();}} get (); </script> <!-ป๊อปอัพ ---> เนื้อหาของ ttan.htm: <script language = "javascript"> <!-window.open ("http: // pop-up หน้าเว็บ/"); //-> </script> <ภาษาสคริปต์ = "JavaScript"> <! และมันสามารถบรรลุป๊อปอัพที่ถูกบังคับ! -หลังจากดำเนินการรหัสต่อไปนี้กล่องเตือนจะปรากฏขึ้นหลังจากคลิกปุ่มซึ่งส่วนใหญ่จะสาธิตวิธีการใช้ settimeout
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> delay display box box </title> <style> #div1 {float: ซ้าย; ความกว้าง: 60px; ความสูง: 60px; พื้นหลังสี: Aqua; } #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 (ตัวจับเวลา); // odiv2.style.display = 'block'; // div2 // เมื่อเมาส์เคลื่อนที่เป็น div1}; /////ODIV1.onMouseOut = function () {// timer = settimeout (ฟังก์ชั่น () {// odiv2.style.display = 'none'; // ซ่อน div2 //} เมื่อเมาส์ลบ div1, 500); // เพื่อที่จะย้ายจาก div1 เป็น div2, div2 ที่ซ่อนควรมีการตั้งค่าล่าช้า //}; //// ODIV2.onMouseOver = function () {// ClearTimeOut (ตัวจับเวลา); // ล้างการตั้งค่าความล่าช้าเมื่อเมาส์เคลื่อนที่เป็น 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 (ตัวจับเวลา); 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> กล่องพรุมคะแนนที่ต้องได้รับความสนใจเมื่อเขียนกล่องพรอมต์ล่าช้าจะถูกบันทึกไว้ในความคิดเห็น โปรดให้ความสนใจกับมันทีละคน ฟังก์ชั่นนี้ราบรื่นขึ้นหลังจากอ่านวิดีโอบทช่วยสอน เหตุผลก็คือก่อนที่จะเขียนรหัสรายการของฟังก์ชั่นที่ต้องการจะถูกนำไปใช้ทีละหนึ่ง หากมีปัญหามันจะดีกว่ามากที่จะทำการปรับเปลี่ยนที่สอดคล้องกันมากกว่าที่จะเขียนรหัสโดยตรง