วิธี delay
วิธี delay ช่วยให้เราสามารถหน่วงเวลา
การดำเนินการของฟังก์ชันที่อยู่ในคิวได้ สามารถ
นำไปใช้ได้ทั้งกับคิวเอฟเฟกต์มาตรฐานและคิวที่ผู้ใช้กำหนดเอง วิธีนี้
สามารถนำไปใช้ได้เฉพาะกับเหตุการณ์ในคิวเท่านั้น
สามารถกำหนดระยะเวลาได้ไม่เพียงแต่ในหน่วยมิลลิวินาทีเท่านั้น
แต่ยังสามารถกำหนดด้วยคำหลัก slow (600ms)
และ fast (200ms) โดยยิ่งค่ามาก
การเคลื่อนไหวก็จะยิ่งช้าลง
เนื่องจากวิธี delay มีข้อจำกัดบางประการ
จึงไม่ใช่ตัวแทนของฟังก์ชัน JavaScript ดั้งเดิม
อย่าง setTimeout
ซึ่งในบางกรณีอาจสะดวกกว่า
ไวยากรณ์
นี่คือวิธีที่เราตั้งค่าหน่วงเวลา พารามิเตอร์แรก
กำหนดระยะเวลาหน่วงเวลาการดำเนินการ
ขององค์ประกอบถัดไปในคิวเป็นหน่วยมิลลิวินาที พารามิเตอร์ที่สอง
ซึ่งเป็นทางเลือก สามารถส่งชื่อ
คิวได้ - ค่าเริ่มต้นคือ fx - ชื่อของคิวเอฟเฟกต์
มาตรฐาน:
.delay(ระยะเวลา, [ชื่อคิว]);
ตัวอย่าง
ก่อนอื่นให้ซ่อนองค์ประกอบด้วย
hide,
ทำการหน่วงเวลา 3 วินาที จากนั้น
แสดงองค์ประกอบนั้นอีกครั้งด้วย
show:
<p id="test">ข้อความ ข้อความ ข้อความ</p>
$('#test').hide(1000).delay(3000).show(1000);
