เมื่อทุกคนกำลังดูเว็บไซต์ ข้อความในแถบสถานะที่ใช้งานอยู่จะปรากฏขึ้นทีละรายการจากซ้ายไปขวา มันทำให้ตาคุณล้นหลามหรือไม่? ใช้แอปพลิเคชันโปรแกรม JavaScript เพื่อให้ได้เอฟเฟกต์นี้ เรามาวิเคราะห์อย่างละเอียดว่าจะสร้างเอฟเฟกต์ไดนามิกนี้ได้อย่างไร
แนวคิดในการบรรลุเอฟเฟกต์นี้คือ ขั้นแรกให้กำหนดข้อความที่จะนำเสนอให้กับตัวแปร ตั้งค่าฟังก์ชัน และพิมพ์ข้อความบนแถบสถานะเป็นระยะๆ ข้อความจะปรากฏขึ้นทีละน้อย เมื่อความยาวของข้อความเพิ่มขึ้น เท่ากับความยาวของประโยคทั้งหมด เวลา ตั้งค่าเป็น 0 พิมพ์ข้อความอีกครั้ง และวนซ้ำต่อไปเพื่อให้ได้เอฟเฟกต์นี้
ต่อไปเรามาดูซอร์สโปรแกรมกัน
<ภาษาสคริปต์ = "จาวาสคริปต์">
var msg = "ยินดีต้อนรับสู่ 5D มัลติมีเดีย!!";
// ตัวแปร msg คือการตั้งค่าข้อความ (หนึ่งประโยค) ให้ปรากฏในแถบสถานะ
ช่วงเวลา var = 120
//กำหนดช่วงเวลาสำหรับความยาวข้อความที่เพิ่มขึ้นทีละมิลลิวินาที นี่คือ 120 มิลลิวินาที
var seq=0;
//แสดงถึงความยาวของข้อความแบบไดนามิก
functionScroll() {
len = msg.length;
window.status = msg.substring(0, seq+1);
//เพิ่มอักขระหนึ่งตัวในข้อความ
ซีคิว++;
//เพิ่มหนึ่งรายการตามความยาวของข้อความไดนามิก
ถ้า (seq >= len) {
ซีคิว = 0;
window.status = '';
window.setTimeout("เลื่อน();", ช่วงเวลา );
-
//หากความยาวของข้อความไดนามิกเท่ากับทั้งประโยค ให้ตั้งค่าความยาวของข้อความไดนามิกเป็น 0 แล้วเริ่มต้นใหม่
อื่น
window.setTimeout("เลื่อน();", ช่วงเวลา );
-
เลื่อน();
</script>
คัดลอกซอร์สโค้ดข้างต้นลงในแท็ก <body></body> ของไฟล์ Html เพื่อให้มีผลกระทบดังต่อไปนี้: