Freecode
>  Home   HTML   CSS   JavaScript   PHP   Perl   Photoshop   TCP/IP 

ตัวจับเวลานับถอยหลัง

          สคริปต์นี้ จะเริ่มจับเวลาที่ 10 และนับถอยหลังไปเรื่อยๆ จนเป็น 0 ก็จะแสดงข้อความว่า "BOOM BOOM!!"

ความรู้ที่จะได้จาก Script นี้

:: How to Build ::
  1. ผมสร้าง Form ขึ้นมา กำหนดชื่อ Form ว่า "f1" และ Input "i1" สำหรับแสดงค่าเวลาที่เหลืออยู่ครับ <form name=f1> <input name=i1 value=10> </form>
  2. หลังจากนั้น ก็เขียนฟังก์ชั่น Countdown() มีการทำงานตามขั้นตอนดังนี้ครับ
    1. ตรวจสอบว่า เวลาเป็น 0 หรือยัง
    2. ถ้ายัง ลดค่าเวลาแล้ว ตั้งเวลาเพื่อเรียกตัวเองในอีก 1 วินาที
    3. แต่ถ้าเป็น 0 แล้ว ให้แสดงข้อความ 'BOOM BOOOOM!!!'
    <script language="JavaScript"> function Countdown() { if (document.f1.i1.value>0) { document.f1.i1.value--; setTimeout('Countdown()',1000); } else { alert('BOOM BOOOOM!!!'); } } </script>
  3. ขั้นสุดท้ายก็ใส่ฟังก์ชั่น Countdown() ไว้ใน <body onload=... <body onload="Countdown()">




© copyright 2001 Sorrawut Korsuwansiri